:root {
  /* Brand + color system */
  --brand-blue: #2f9bd6;
  --brand-blue-dark: #1f7fb3;
  --text: #2b2b2b;
  --muted: #8C8686;
  --bg: #d6e5f2;

  /* Layout scales */
  --side-pad-max: 26px;
  --side-pad: clamp(16px, 5vw, var(--side-pad-max));
  --measure-max: 548px;

  /* Vertical spacing scale */
  --space-xs: clamp(6px, 1.2vw, 10px);
  --space-sm: clamp(10px, 2vw, 16px);
  --space-md: clamp(14px, 2.6vw, 22px);
  --space-lg: clamp(18px, 2vw, 28px);

  /* Specific vertical gaps */
  --space-between-sub-input: clamp(10px, 2vw, 16px);
  --space-between-input-button: clamp(18px, 3vw, 26px);

  /* Motion (moved here from motions.css) */
  --ease-enter: cubic-bezier(.16, .84, .24, 1);
  --ease-out-soft: cubic-bezier(.18, .72, .25, 1);
}