:root {
  /* Brand */
  --brand-navy: #012c5a;
  --brand-blue: #1f5cd3;
  --brand-cyan: #00adaa;

  /* Surfaces & ink */
  --ink-950: #06111f;
  --ink-900: #081a2e;
  --ink-800: #0d2743;
  --steel-700: #334155;
  --steel-500: #738196;
  --steel-300: #b9c4d2;
  --surface-cold: #e6edf5;
  --surface-mist: #d7e2ef;
  --surface-panel: #f7f9fc;
  --surface-white: #ffffff;
  --surface-navy: #0a2038;
  --surface-navy-mid: #0f2b4a;
  --line-light: rgba(9, 29, 51, 0.12);
  --line-dark: rgba(255, 255, 255, 0.14);
  --success: #14825f;
  --warning: #b26a16;
  --danger: #b93a46;

  /* Typography */
  --font-brand: "Gilroy", "Avenir Next", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-h1: clamp(2.125rem, 1.4rem + 2.4vw, 4.5rem);
  --lh-h1: 1.06;
  --fs-h2: clamp(1.875rem, 1.35rem + 1.6vw, 3.25rem);
  --lh-h2: 1.12;
  --fs-h3: clamp(1.5rem, 1.35rem + 0.5vw, 1.75rem);
  --lh-h3: 1.22;
  --fs-body-lg: 1.25rem;
  --lh-body-lg: 1.5;
  --fs-body: 1rem;
  --lh-body: 1.56;
  --fs-small: 0.8125rem;
  --lh-small: 1.38;

  /* Layout — canvas ×1.1 к прежнему 1440/1280 (эквивалент zoom 110%) */
  --container-max: 1584px;
  --content-max: 1408px;
  --pad-x: 1.25rem; /* 20 mobile */
  --section-y: 3.5rem; /* 56 mobile */
  --grid-gap: 1.5rem;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-mid: 240ms;
  --dur-slow: 420ms;

  /* Focus */
  --focus-ring: 0 0 0 2px var(--surface-white), 0 0 0 4px var(--brand-cyan);
}

/* Tablet */
@media (min-width: 768px) {
  :root {
    --pad-x: 2rem; /* 32 */
    --section-y: 5.5rem; /* 88 mid of 72–96 */
    --fs-h1: clamp(2.625rem, 2rem + 1.5vw, 2.875rem); /* ~42–46 */
    --lh-h1: 1.1;
    --fs-h2: clamp(2.25rem, 1.9rem + 0.9vw, 2.625rem); /* ~36–42 */
    --lh-h2: 1.17;
  }
}

/* Desktop from 1280 — размеры из ТЗ */
@media (min-width: 1280px) {
  :root {
    --pad-x: 4rem; /* 64 */
    --section-y: 7.5rem; /* 120 */
    --fs-h1: 4.5rem; /* 72 */
    --lh-h1: 1.055; /* ~76 */
    --fs-h2: 3.25rem; /* 52 */
    --lh-h2: 1.115; /* ~58 */
    --fs-h3: 1.75rem; /* 28 */
    --lh-h3: 1.214; /* ~34 */
    --fs-body-lg: 1.25rem;
    --lh-body-lg: 1.5;
  }
}

/* Primary canvas ~1584 (бывший 1440 × 1.1) */
@media (min-width: 1440px) {
  :root {
    --pad-x: 5rem;
    --section-y: 9rem;
    --grid-gap: 1.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0.01ms;
    --dur-mid: 0.01ms;
    --dur-slow: 0.01ms;
  }
}