:root{
  /* Navy */
  --navy-900:#071A49;
  --navy-800:#0B245E;
  --navy-700:#123B78;
  --navy-500:#1E4F91;
  --navy-100:#EAF0F8;

  /* Red */
  --red-700:#B5122B;
  --red-500:#D21F3C;
  --red-100:#FCEBED;

  /* Gold */
  --gold-700:#B88624;
  --gold-500:#D4A437;
  --gold-100:#FBF3DD;

  /* Neutral */
  --white:#FFFFFF;
  --gray-50:#F8FAFC;
  --gray-100:#F1F5F9;
  --gray-200:#E2E8F0;
  --gray-400:#94A3B8;
  --gray-600:#475569;
  --gray-800:#1E293B;
  --black:#0F172A;

  /* Spacing (8px system) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:40px; --sp-8:48px; --sp-9:64px; --sp-10:80px;
  --sp-11:96px; --sp-12:120px;

  /* Radius */
  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-img:12px; --r-btn:6px; --r-pill:999px;

  /* Borders */
  --border:1px solid var(--gray-200);
  --border-dark:1px solid rgba(255,255,255,0.18);
  --border-gold:1px solid var(--gold-500);

  /* Type scale */
  --fs-display-xl:72px;
  --fs-display-l:56px;
  --fs-h1:48px;
  --fs-h2:38px;
  --fs-h3:28px;
  --fs-h4:22px;
  --fs-body-lg:18px;
  --fs-body:16px;
  --fs-body-sm:14px;
  --fs-caption:12px;

  --font-display:'Playfair Display', Georgia, serif;
  --font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --ease: cubic-bezier(.4,0,.2,1);
  --content-w: 1280px;
}