/* ========== 设计变量（Design Tokens） ========== */
:root {
  /* 主色 - 紫蓝霓虹 + 品红 */
  --color-bg: #07060f;
  --color-bg-soft: #0f0d22;
  --color-bg-elev: #16142e;
  --color-surface: rgba(255, 255, 255, 0.04);
  --color-surface-hover: rgba(255, 255, 255, 0.08);
  --color-border: rgba(255, 255, 255, 0.1);
  --color-border-strong: rgba(255, 255, 255, 0.2);

  --color-text: #eef0ff;
  --color-text-2: #b9bcd6;
  --color-text-soft: #b9bcd6;
  --color-text-mute: #7d80a0;

  --color-primary: #7c5cff;       /* 紫 */
  --color-primary-2: #4ad9ff;     /* 青 */
  --color-accent: #ff4ecd;        /* 品红 */
  --color-success: #2ee6a8;
  --color-warning: #ffb547;
  --color-danger: #ff5b6e;

  /* 渐变 */
  --grad-primary: linear-gradient(135deg, #7c5cff 0%, #4ad9ff 100%);
  --grad-accent: linear-gradient(135deg, #ff4ecd 0%, #7c5cff 100%);
  --grad-cosmic: linear-gradient(135deg, #ff4ecd 0%, #7c5cff 50%, #4ad9ff 100%);

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* 阴影 */
  --shadow-sm: 0 4px 12px rgba(0,0,0,0.25);
  --shadow-md: 0 10px 30px rgba(0,0,0,0.35);
  --shadow-glow: 0 0 24px rgba(124, 92, 255, 0.45);
  --shadow-glow-pink: 0 0 24px rgba(255, 78, 205, 0.45);

  /* 字体 */
  --font-display: 'Orbitron', 'Noto Sans SC', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Noto Sans SC', system-ui, -apple-system, "Segoe UI", Roboto, "Microsoft YaHei", sans-serif;

  /* 容器 */
  --container: 1240px;

  /* 过渡 */
  --t-fast: 0.18s ease;
  --t-base: 0.28s cubic-bezier(.2,.8,.2,1);
  --t-slow: 0.5s cubic-bezier(.2,.8,.2,1);

  /* 层级 */
  --z-nav: 100;
  --z-modal: 1000;
  --z-toast: 2000;
}