/* ══════════════════════════════════════════
   PRO IMPORTATION — DESIGN TOKENS
   Brand palette: navy blue, gold, white, dark gray
   ══════════════════════════════════════════ */
:root{

  /* — Brand blues — */
  --navy-950:#071429;
  --navy-900:#0b2545;
  --navy-800:#123a68;
  --navy-700:#184a84;
  --navy-600:#215fa8;
  --navy-100:#e7edf6;
  --navy-50:#f2f6fb;

  /* — Gold accent (carried over from the intro film) — */
  --gold-d:#8a6d0a;
  --gold:#c9a227;
  --gold-l:#eace55;

  /* — Neutrals — */
  --white:#ffffff;
  --gray-50:#f6f7f9;
  --gray-100:#eef0f3;
  --gray-200:#dfe3e8;
  --gray-400:#9aa3af;
  --gray-600:#5a6472;
  --gray-800:#2b2f36;
  --gray-900:#171a1f;

  /* — Semantic — */
  --bg-page:var(--white);
  --bg-alt:var(--gray-50);
  --bg-dark:var(--navy-900);
  --text-body:var(--gray-800);
  --text-muted:var(--gray-600);
  --text-on-dark:var(--navy-50);
  --border-soft:var(--gray-200);
  --accent:var(--gold);
  --accent-light:var(--gold-l);
  --link:var(--navy-700);

  /* — Type — */
  --font-display:'Playfair Display', serif;
  --font-body:'Raleway', sans-serif;

  /* — Spacing scale — */
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-12:3rem;
  --space-16:4rem;
  --space-24:6rem;

  /* — Layout — */
  --max-width:1240px;
  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:20px;
  --radius-pill:999px;

  /* — Shadow — */
  --shadow-sm:0 2px 8px rgba(11,37,69,0.06);
  --shadow-md:0 8px 30px rgba(11,37,69,0.10);
  --shadow-lg:0 20px 60px rgba(11,37,69,0.16);

  /* — Motion — */
  --ease:cubic-bezier(.16,1,.3,1);
  --dur-fast:.2s;
  --dur-med:.45s;
  --dur-slow:.8s;

  /* — Chrome heights — */
  --nav-height:80px;
}