/* ImpactGuard — unified color tokens (load FIRST on every page) */
:root {
  --ig-brand: #ff5c1a;
  --ig-brand-hover: #ff7a3d;
  --ig-brand-soft: rgba(255, 92, 26, 0.12);
  --ig-brand-mid: rgba(255, 92, 26, 0.25);
  --ig-brand-glow: rgba(255, 92, 26, 0.2);
  --ig-brand-strong: rgba(255, 92, 26, 0.35);

  --ig-bg: #080808;
  --ig-bg-deep: #060608;
  --ig-surface: #0c0c0f;
  --ig-surface-2: #111111;
  --ig-card: #0d0d0d;

  --ig-text: #f2f2f2;
  --ig-text-secondary: #9a9a9a;
  --ig-text-muted: #6b6b6b;
  --ig-text-inverse: #0a0a0a;

  --ig-line: rgba(255, 255, 255, 0.08);
  --ig-discord: #5865f2;

  --ig-scroll-track: #0a0a0a;
  --ig-scroll-thumb: #ff5c1a;
  --ig-scroll-thumb-hover: #ff7a3d;

  /* Legacy aliases (style.css + components) */
  --accent: var(--ig-brand);
  --accent-hover: var(--ig-brand-hover);
  --accent-glow: var(--ig-brand-glow);
  --accent-strong: var(--ig-brand-strong);
  --bg-primary: var(--ig-bg);
  --bg-secondary: #0c0c0c;
  --bg-tertiary: var(--ig-surface-2);
  --bg-card: var(--ig-card);
  --text-primary: var(--ig-text);
  --text-secondary: var(--ig-text-secondary);
  --text-muted: var(--ig-text-muted);
  --text-inverse: var(--ig-text-inverse);
  --border-primary: var(--ig-line);

  --ig-panel-accent: var(--ig-brand);
  --ig-panel-accent-dim: var(--ig-brand-mid);
  --ig-panel-bg: var(--ig-bg-deep);
  --ig-panel-surface: var(--ig-surface);
  --ig-panel-line: var(--ig-line);
  --ig-panel-sidebar-w: 260px;
  --ig-panel-header-h: 58px;

  --ig-site-accent: var(--ig-brand);
  --ig-site-accent-soft: var(--ig-brand-soft);
  --ig-site-bg: var(--ig-bg-deep);
  --ig-site-surface: rgba(12, 12, 15, 0.94);
  --ig-site-line: rgba(255, 255, 255, 0.09);

  --ig-accent: var(--ig-brand);
  --ig-bg-legacy: var(--ig-bg);
  --ig-text-legacy: var(--ig-text);

  --gradient-accent: linear-gradient(135deg, #ff5c1a 0%, #ff8c42 100%);
  --gradient-brand-hero: linear-gradient(135deg, rgba(255, 92, 26, 0.14) 0%, rgba(255, 140, 66, 0.08) 100%);
}