:root {
  /* Brand Colors */
  --color-navy:       #0A1628;
  --color-gold:       #C9A84C;
  --color-red:        #E63946;

  /* Tonal variations */
  --color-navy-light: #152240;
  --color-navy-dark:  #060e1a;
  --color-gold-light: #dfc078;
  --color-gold-dark:  #a07d30;
  --color-red-light:  #ef6b74;
  --color-red-dark:   #b82831;

  /* Neutrals */
  --color-white:      #FFFFFF;
  --color-off-white:  #F5F3EE;
  --color-gray-100:   #E8E6E1;
  --color-gray-300:   #A8A5A0;
  --color-gray-600:   #5C5A57;
  --color-gray-900:   #1A1815;

  /* Typography */
  --font-serif:   'Playfair Display', Georgia, serif;
  --font-sans:    'Inter', 'Helvetica Neue', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.10);
  --shadow-lg:  0 12px 40px rgba(0,0,0,0.28), 0 4px 12px rgba(0,0,0,0.14);
  --shadow-gold: 0 0 32px rgba(201, 168, 76, 0.35);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   300ms ease;
  --transition-slow:   600ms ease;

  /* Z-index */
  --z-base:    1;
  --z-overlay: 10;
  --z-modal:   100;
  --z-toast:   1000;
}