/**
 * ShotWars Design Tokens
 * Aliases matching the HTML mockup naming convention.
 * Source of truth: vault/ShotWars/Design/01-landing.html :root block
 */

:root {
  /* Backgrounds */
  --void:      #09090f;
  --base:      #0e0e18;
  --surface:   #141420;
  --card:      #1a1a2c;
  --card-hover:#1f1f35;
  --elevated:  #22223a;

  /* Accent — Electric Indigo */
  --accent:       #6366f1;
  --accent-l:     #818cf8;
  --accent-d:     #4f46e5;
  --accent-glow:  rgba(99,102,241,.3);
  --accent-soft:  rgba(99,102,241,.12);
  --accent-xs:    rgba(99,102,241,.06);

  /* Secondary palette */
  --violet:      #8b5cf6;
  --violet-soft: rgba(139,92,246,.15);
  --cyan:        #22d3ee;
  --cyan-soft:   rgba(34,211,238,.12);

  /* Semantic */
  --correct:      #06d6a0;
  --correct-soft: rgba(6,214,160,.15);
  --wrong:        #ef4444;
  --wrong-soft:   rgba(239,68,68,.12);
  --warning:      #f59e0b;
  --warning-soft: rgba(245,158,11,.12);

  /* Text */
  --t-bright: #f8fafc;
  --t-main:   #c4ccd9;
  --t-dim:    #5a6578;
  --t-ghost:  #38424f;

  /* Borders */
  --border:        rgba(255,255,255,.07);
  --border-m:      rgba(255,255,255,.12);
  --border-accent: rgba(99,102,241,.4);

  /* Glass */
  --glass-nav:   rgba(9,9,15,.88);
  --glass-modal: rgba(14,14,24,.95);

  /* Typography */
  --font-outfit: 'Outfit', system-ui, sans-serif;
  --font-mono:   'JetBrains Mono', monospace;
}

/* Bridge — old variable names map to new tokens */
:root {
  --bg-primary: var(--void);
  --bg-secondary: var(--base);
  --bg-tertiary: var(--surface);
  --bg-card-old: var(--card);
  --text-primary: var(--t-bright);
  --text-secondary: var(--t-main);
  --text-muted: var(--t-ghost);
  --color-primary: var(--accent);
  --color-primary-light: var(--accent-l);
  --color-primary-hover: var(--accent-d);
  --color-primary-glow: var(--accent-glow);
  --color-secondary: var(--violet);
  --color-accent: var(--cyan);
  --color-success: var(--correct);
  --glass-border: var(--border);
  --glass-border-light: var(--border-m);
}