:root {
  /* V3 — CrowdStrike-inspired: Black/White + Gold */
  --color-bg:           #000000;
  --color-bg-dark:      #0a0a0a;
  --color-bg-card:      #111111;
  --color-bg-card-hover:#1a1a1a;
  --color-bg-light:     #f8f8f8;
  --color-bg-light-card:#ffffff;
  --color-text-dark:    #000000;
  --color-text:         #ffffff;
  --color-text-light:   #999999;
  --color-text-body:    #b0b0b0;
  --color-accent-gold:  #B49167;
  --color-accent-wine:  #6D2740;
  --color-accent-deep:  #000000;
  --color-accent-olive: #D4A574;
  --color-white:        #ffffff;
  --color-black:        #000000;

  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;

  --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:  2.25rem;
  --text-4xl:  3rem;
  --text-5xl:  4rem;

  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;

  --container-max:  1200px;
  --container-wide: 1400px;
  --nav-height:     72px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --shadow-card:  0 0 0 1px rgba(255, 255, 255, 0.06);
  --shadow-glow:  0 0 40px rgba(180, 145, 103, 0.15);
  --shadow-hover: 0 0 0 1px rgba(180, 145, 103, 0.3), 0 20px 60px rgba(0, 0, 0, 0.5);

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 500ms ease;
}