/**
 * ==============================================================================
 * ADIT.EXE — COLOR TOKENS & DESIGN SYSTEM VARIABLES
 * ==============================================================================
 * Color Distribution:
 * - 70% Midnight Navy (#021861)
 * - 20% Cobalt Blue  (#255DCE)
 * - 10% Bright Red    (#DE1110)
 */

:root {
  /* Core Brand Colors */
  --color-midnight-navy: #021861;
  --color-cobalt-blue:   #255DCE;
  --color-bright-red:    #DE1110;

  /* Extended Surface & Atmosphere Colors */
  --bg-deep-void:       #010619;
  --bg-space-navy:      #010e36;
  --bg-surface-navy:    #021861;
  --bg-surface-elevated:#05247d;
  --bg-surface-card:    rgba(2, 24, 97, 0.65);
  --bg-surface-glass:   rgba(2, 24, 97, 0.45);
  --bg-surface-glass-hi:rgba(37, 93, 206, 0.12);

  /* Glows & Highlights */
  --glow-cobalt:        rgba(37, 93, 206, 0.5);
  --glow-cobalt-subtle: rgba(37, 93, 206, 0.2);
  --glow-cobalt-strong: rgba(37, 93, 206, 0.85);
  --glow-red:           rgba(222, 17, 16, 0.55);
  --glow-red-subtle:    rgba(222, 17, 16, 0.22);
  --glow-red-strong:    rgba(222, 17, 16, 0.9);

  /* Text Colors */
  --text-primary:       #F0F4FC;
  --text-secondary:     #9AB4E8;
  --text-muted:         #5770A8;
  --text-dim:           #344877;
  --text-accent-blue:   #5C93FF;
  --text-accent-red:    #FF4746;

  /* Borders & Dividers */
  --border-subtle:      rgba(37, 93, 206, 0.2);
  --border-medium:      rgba(37, 93, 206, 0.4);
  --border-bright:      rgba(37, 93, 206, 0.7);
  --border-red-subtle:  rgba(222, 17, 16, 0.25);
  --border-red-bright:  rgba(222, 17, 16, 0.75);

  /* Tactical Targeting Reticle System */
  --targeting-color-primary:   #255DCE;
  --targeting-color-secondary: #DE1110;

  /* Spider Cursor Reactive Tokens */
  --spider-color-body:         #091a45;
  --spider-color-legs:         #255DCE;
  --spider-color-glow:         #DE1110;

  /* Theme Reactor Smooth Transition Duration */
  --theme-transition-speed:    0.7s;

  /* Typography Fonts */
  --font-display:       'Cinzel', 'Cinzel Decorative', Georgia, serif;
  --font-editorial:     'Syne', 'Playfair Display', serif;
  --font-sans:          'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:          'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* Layout & Spacing */
  --container-max:      1280px;
  --container-wide:     1440px;
  --nav-height:         72px;
  --radius-sm:          3px;
  --radius-md:          6px;
  --radius-lg:          12px;

  /* Elevation & Shadows */
  --shadow-hud:         0 8px 32px 0 rgba(1, 6, 25, 0.8), 0 0 1px 1px var(--border-subtle);
  --shadow-cobalt-glow: 0 0 30px rgba(37, 93, 206, 0.35);
  --shadow-red-glow:    0 0 30px rgba(222, 17, 16, 0.4);

  /* Transitions */
  --transition-fast:    0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth:  0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-cinematic: 0.8s cubic-bezier(0.19, 1, 0.22, 1);

  /* Z-Index Hierarchy */
  --z-background:       -1;
  --z-canvas:           1;
  --z-content:          10;
  --z-hud-bar:          100;
  --z-cursor:           1000;
  --z-lightbox:         2000;
  --z-intro:            9000;
  --z-toast:            10000;
}