/* ============================================================
   73-HotDash — CSS Variables / Theme System
   賽博朋克戰情中心主題系統
   ============================================================ */

:root {
  /* ── 核心色盤 ── */
  --cy-bg:          #060a14;
  --cy-surface:     rgba(8, 14, 28, 0.82);
  --cy-surface-alt: rgba(12, 20, 40, 0.72);

  --cy-primary:     #00f5d4;    /* 霓虹青 */
  --cy-secondary:   #8b5cf6;    /* 紫羅蘭 */
  --cy-accent:      #ff6b35;    /* 琥珀橙 */
  --cy-danger:      #ff0054;    /* 警示紅 */
  --cy-success:     #00e676;    /* 完成綠 */
  --cy-warning:     #ffab00;    /* 注意黃 */
  --cy-muted:       rgba(255,255,255,0.25);
  --cy-text:        rgba(240,245,255,0.92);
  --cy-text-dim:    rgba(200,210,230,0.55);

  /* ── 霓虹光暈 ── */
  --glow-primary:   0 0 6px var(--cy-primary), 0 0 20px rgba(0,245,212,0.25), 0 0 60px rgba(0,245,212,0.08);
  --glow-danger:    0 0 6px var(--cy-danger),  0 0 20px rgba(255,0,84,0.25),  0 0 60px rgba(255,0,84,0.08);
  --glow-accent:    0 0 6px var(--cy-accent),  0 0 20px rgba(255,107,53,0.25);
  --glow-secondary: 0 0 6px var(--cy-secondary), 0 0 20px rgba(139,92,246,0.25);

  /* ── 字型 ── */
  --font-display: 'Orbitron', 'Noto Sans TC', sans-serif;
  --font-body:    'Noto Sans TC', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Noto Sans TC', monospace;

  /* ── 間距系統 (4px base) ── */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px;

  /* ── 圓角 ── */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* ── 過渡 ── */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── 掃描線速度 ── */
  --scan-speed: 10s;

  /* ── Z-index 層級 ── */
  --z-particles: 0;
  --z-panels: 10;
  --z-overlay: 50;
  --z-hud: 100;
  --z-modal: 200;
  --z-scanlines: 999;
}

/* ── 警報模式（JS toggle: document.body.classList.add('alert-mode')）── */
.alert-mode {
  --cy-primary: #ff0054;
  --glow-primary: var(--glow-danger);
  --scan-speed: 3s;
}