/* =============================================
   variables.css — 全局设计变量
   修改这里即可统一更换配色主题
   ============================================= */
:root {
  /* --- 背景层级 --- */
  --bg-deep:    #020b18;
  --bg-panel:   rgba(6, 22, 48, 0.85);
  --bg-card:    rgba(8, 28, 62, 0.90);

  /* --- 主色调 --- */
  --accent-cyan:   #00d4ff;
  --accent-blue:   #0078ff;
  --accent-green:  #00ff9d;
  --accent-orange: #ff8c00;
  --accent-purple: #9d4edd;
  --accent-yellow: #ffd700;
  --accent-red:    #ff3355;

  /* --- 文字层级 --- */
  --text-primary:   #e8f4fd;
  --text-secondary: #7eb8d8;
  --text-dim:       #3a6a8a;

  /* --- 边框 & 阴影 --- */
  --border-glow: rgba(0, 212, 255, 0.35);
  --border-dim:  rgba(0, 120, 180, 0.25);
  --shadow-cyan: 0 0 20px rgba(0, 212, 255, 0.20);
  --shadow-blue: 0 0 30px rgba(0, 120, 255, 0.15);

  /* --- 布局 --- */
  --grid-gap:    14px;
  --radius-card: 10px;
  --radius-sm:   6px;
  --radius-btn:  8px;
}