:root {
  /* Gold accent (complements deep purple) */
  --color-gold:         #c9a84c;
  --color-gold-hover:   #b8963e;
  --color-gold-light:   #f0e6c8;

  /* Primary - Deep Purple (matches Arbitrus logo) */
  --color-primary-50:   #faf5ff;
  --color-primary-100:  #f3e8ff;
  --color-primary-200:  #e9d5ff;
  --color-primary-300:  #d8b4fe;
  --color-primary-400:  #c084fc;
  --color-primary-500:  #a855f7;
  --color-primary-600:  #7c3aed;
  --color-primary-700:  #6d28d9;
  --color-primary-800:  #5b21b6;
  --color-primary-900:  #4c1d95;

  /* Purple neutrals */
  --color-navy-900:     #1a0a2e;
  --color-navy-800:     #231340;
  --color-navy-700:     #352156;
  --color-navy-600:     #4d3a73;
  --color-navy-500:     #6b5a8e;
  --color-navy-400:     #9285ad;
  --color-navy-300:     #beb4d0;
  --color-navy-200:     #ddd7ea;
  --color-navy-100:     #f0edf5;
  --color-navy-50:      #f8f6fb;

  /* Surfaces */
  --bg-page:            #ffffff;
  --bg-section-alt:     #f8f6fb;
  --bg-card:            #ffffff;

  /* Text */
  --text-primary:       #1a0a2e;
  --text-secondary:     #4d3a73;
  --text-muted:         #9285ad;
  --text-inverse:       #ffffff;
  --text-accent:        #7c3aed;

  /* Typography */
  --font-family:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --font-mono:          'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
  --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-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  4rem;
  --space-4xl:  6rem;

  /* Layout */
  --max-width:          1200px;
  --nav-height:         72px;
  --border-radius:      8px;
  --border-radius-lg:   12px;

  /* Shadows */
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.05);
  --shadow-md:   0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);
  --shadow-lg:   0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.04);

  /* Transitions */
  --transition: 0.2s ease;
}