/* AcademConsult design tokens v3 — strict, cool neutrals + navy. See DESIGN.md */
:root {
  /* colour */
  --paper: #F6F7F9;
  --paper-2: #ECEEF2;
  --surface: #FFFFFF;
  --ink: #0F1720;
  --ink-2: #394350;
  --muted: #6B7380;
  --line: #DDE1E7;
  --line-strong: #B9C0CB;
  --accent: #1B3A6B;
  --accent-ink: #122A50;
  --accent-tint: #E2E9F4;
  --accent-light: #9DB6DE;
  --ok: #2F6B4A;
  --warn: #9A6B12;
  --info: #2E5A86;

  /* on dark */
  --on-ink: #F3F5F8;
  --on-ink-2: #A9B2BF;
  --line-on-ink: rgba(243, 245, 248, .16);

  /* type */
  --font-display: "Inter Tight", "Golos Text", -apple-system, "Segoe UI", Arial, sans-serif;
  --font-text: "Golos Text", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "Inter Tight", "Golos Text", -apple-system, Arial, sans-serif; /* numbers & labels */

  --fs-display: clamp(44px, 6.2vw, 96px);
  --fs-h1: clamp(36px, 4.4vw, 64px);
  --fs-h2: clamp(30px, 3.2vw, 46px);
  --fs-h3: 24px;
  --fs-lead: 20px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-micro: 12px;

  /* space */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;
  --section-y: 128px;

  /* layout */
  --container: 1320px;
  --gutter: 24px;
  --pad-x: 32px;
  --header-h: 76px;

  /* shape */
  --radius: 2px;
  --shadow-modal: 0 24px 60px -20px rgba(15, 23, 32, .35);

  /* motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 180ms;
  --dur-slow: 700ms;
}

@media (max-width: 1100px) { :root { --section-y: 96px; --pad-x: 24px; } }
@media (max-width: 720px) { :root { --section-y: 64px; --pad-x: 16px; --header-h: 64px; --fs-body: 16px; --fs-lead: 18px; } }
@media (prefers-reduced-motion: reduce) { :root { --dur: 0ms; --dur-slow: 0ms; } }