/* Design tokens - single source of truth */
:root{
  /* Colour */
  --navy:#0C1626;
  --navy-2:#11203A;
  --navy-3:#1A2538;
  --navy-4:#22304A;
  --gold:#F5C518;
  --gold-soft:#E0B210;
  --gold-deep:#C99A00;
  --gold-glow:rgba(245,197,24,0.18);
  --white:#FFFFFF;
  --light:#F7F8FA;
  --light-2:#EDF0F4;
  --grey-dark:#1F2937;
  --grey:#6B7280;
  --grey-soft:#94A3B8;
  --grey-faint:#CBD5E1;
  --border-soft:#E5E7EB;
  --border-dark:rgba(245,197,24,0.18);

  /* Fonts */
  --font-display:'Space Grotesk','Inter',system-ui,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',Consolas,monospace;

  /* Spacing (8pt) */
  --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; --s-11:160px;

  /* Radii */
  --r-sm:10px;
  --r:16px;
  --r-lg:24px;
  --r-pill:999px;

  /* Shadows */
  --sh-soft:0 10px 40px rgba(12,22,38,0.08);
  --sh-medium:0 20px 60px rgba(12,22,38,0.14);
  --sh-gold:0 14px 40px rgba(245,197,24,0.22);

  /* Layout */
  --container:1200px;
  --container-narrow:960px;

  /* Motion */
  --ease-ui:cubic-bezier(0.4,0,0.2,1);
  --ease-soft:cubic-bezier(0.16,1,0.3,1);
  --dur-fast:150ms;
  --dur-ui:250ms;
  --dur-narrative:700ms;
}