:root{
  /* ---- color: dark automotive surfaces ---- */
  --navy-950:#0E131B;
  --navy-900:#141B25;
  --navy-800:#1B2430;
  --navy-700:#242F3E;
  --navy-600:#3D4C63;
  --navy-500:#57687F;
  --slate-400:#7C8AA0;
  --slate-300:#A9B4C4;
  --slate-200:#C6CEDA;

  /* ---- color: light neutral surfaces ---- */
  --fog-100:#F5F7FA;
  --fog-200:#EEF1F5;
  --line-200:#E2E7EE;
  --line-300:#CBD3DE;
  --white:#FFFFFF;

  /* ---- color: accent ---- */
  --amber-400:#F0B159;
  --amber-500:#E8A33D;
  --amber-600:#C9822A;
  --amber-700:#A8691E;

  /* ---- color: feedback ---- */
  --success-500:#25D366;
  --success-700:#1A8F4C;
  --danger-500:#D65C5C;
  --danger-700:#B23A3A;

  /* ---- semantic aliases (matches original tokens, kept for continuity) ---- */
  --ink:var(--navy-800);
  --steel:var(--navy-600);
  --slate:var(--slate-400);
  --fog:var(--fog-200);
  --amber:var(--amber-500);

  /* ---- type ---- */
  --font-display:'Rubik', 'Segoe UI', sans-serif;
  --font-body:'Assistant', 'Segoe UI', sans-serif;
  --font-label:'Heebo', 'Segoe UI', sans-serif;

  --text-eyebrow: clamp(0.78rem, 0.72rem + 0.2vw, 0.86rem);
  --text-body: clamp(0.98rem, 0.94rem + 0.15vw, 1.05rem);
  --text-body-lg: clamp(1.05rem, 1rem + 0.2vw, 1.15rem);
  --text-h3: clamp(1.1rem, 1.02rem + 0.3vw, 1.3rem);
  --text-h2: clamp(1.55rem, 1.3rem + 1.1vw, 2.35rem);
  --text-h1: clamp(2rem, 1.5rem + 2.2vw, 3.25rem);
  --text-button: clamp(0.92rem, 0.9rem + 0.1vw, 1rem);

  /* ---- spacing scale ---- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;

  /* ---- radius ---- */
  --radius-sm:3px;
  --radius-md:6px;
  --radius-lg:14px;
  --radius-pill:999px;

  /* ---- shadow ---- */
  --shadow-card:0 2px 10px rgba(14,19,27,0.08);
  --shadow-card-hover:0 14px 32px rgba(14,19,27,0.16);
  --shadow-elevated:0 20px 50px rgba(14,19,27,0.28);

  /* ---- layout ---- */
  --container:1200px;
  --container-narrow:760px;
  --header-h:64px;
  --header-h-scrolled:52px;

  /* ---- motion ---- */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:150ms;
  --dur-base:280ms;
  --dur-slow:450ms;
}
