/* ========================================
   设计令牌(Design Tokens)
   来源:开发文档 §2.1 色彩系统
   ======================================== */

:root {
  /* === 核心色彩 === */
  --color-red-orange: #E33A2C;
  --color-red-orange-light: #FF6A3A;
  --color-red-orange-lighter: #FF8A4A;
  --color-cyan: #00A3FF;
  --color-cyan-light: #19D3FF;
  --color-cyan-deep: #0B6CFF;
  --color-gold: #FFD36A;
  --color-gold-deep: #E0B348;
  --color-green-leaf: #7ED957;

  /* === 渐变 === */
  --gradient-hero: linear-gradient(135deg, #E33A2C 0%, #FF6A3A 50%, #FF8A4A 100%);
  --gradient-main: linear-gradient(180deg, #0B1B3A 0%, #0A2540 100%);
  --gradient-cta-blue: linear-gradient(135deg, #00A3FF 0%, #0B6CFF 100%);
  --gradient-cta-red: linear-gradient(135deg, #E33A2C 0%, #FF6A3A 100%);
  --gradient-gold: linear-gradient(135deg, #FFD36A 0%, #E0B348 100%);
  --gradient-card: linear-gradient(180deg, rgba(25, 211, 255, 0.08) 0%, rgba(0, 163, 255, 0.02) 100%);
  --gradient-card-vip: linear-gradient(180deg, rgba(255, 211, 106, 0.12) 0%, rgba(255, 211, 106, 0.02) 100%);

  /* === 文字色 === */
  --text-primary: #FFFFFF;
  --text-secondary: rgba(234, 246, 255, 0.7);
  --text-muted: rgba(234, 246, 255, 0.5);
  --text-tertiary: rgba(234, 246, 255, 0.35);
  --text-danger: #FF6A3A;
  --text-gold: #FFD36A;

  /* === 卡片 === */
  --card-bg: rgba(255, 255, 255, 0.06);
  --card-bg-strong: rgba(255, 255, 255, 0.1);
  --card-border: rgba(25, 211, 255, 0.3);
  --card-border-vip: rgba(255, 211, 106, 0.6);
  --card-border-sponsor: rgba(227, 58, 44, 0.5);

  /* === 背景 === */
  --bg-main: #0A2540;
  --bg-overlay: rgba(10, 37, 64, 0.85);

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

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

  /* === 字号 === */
  --fs-h1: 36px;
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tiny: 12px;
  --fs-micro: 10px;

  /* === 字重 === */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* === z-index === */
  --z-floating-card: 100;
  --z-modal: 200;
  --z-toast: 300;

  /* === 阴影 === */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.18);
  --shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.4);
  --shadow-glow-cyan: 0 0 24px rgba(25, 211, 255, 0.4);
  --shadow-glow-gold: 0 0 24px rgba(255, 211, 106, 0.45);
  --shadow-glow-red: 0 0 24px rgba(227, 58, 44, 0.4);

  /* === 字体(全系统统一) ===
     重要信息/标题 → --font-yahei (微软雅黑)
     正文/卡片 →   --font-body (思源黑体 / 微软雅黑 fallback)
     数字/代码 →   --font-num  (微软雅黑 + 等宽) */
  --font-yahei: "Microsoft YaHei", "PingFang SC", "Source Han Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:  "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-num:   "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}