:root {
  /* ===== 色彩层级（深暖墨绿基底，非冷蓝纯黑） ===== */
  --bg-base: #0a0e0c;
  --bg-surface: #131816;
  --bg-elevated: #1c2320;
  --bg-overlay: rgba(10, 14, 12, 0.88);

  /* 文字 */
  --text-primary: #f4f1e8;
  --text-secondary: #a8b0ac;
  --text-muted: #6b7570;
  --text-inverse: #0a0e0c;

  /* 语义 */
  --accent-signal: #ff6b35;
  --accent-signal-soft: rgba(255, 107, 53, 0.14);
  --home-win: #4ade80;
  --away-win: #ef4444;
  --draw: #94a3b8;
  --neutral-line: #2a312e;

  /* 热力图色阶（信号橙单色渐变） */
  --heat-0: rgba(255, 107, 53, 0.02);
  --heat-1: rgba(255, 107, 53, 0.08);
  --heat-2: rgba(255, 107, 53, 0.18);
  --heat-3: rgba(255, 107, 53, 0.32);
  --heat-4: rgba(255, 107, 53, 0.52);
  --heat-5: rgba(255, 107, 53, 0.78);
  --heat-6: rgba(255, 107, 53, 0.96);

  /* ===== 字体系统 ===== */
  --font-serif: 'Source Serif 4', 'Source Han Serif SC', 'Noto Serif CJK SC', Georgia, serif;
  --font-sans: 'Inter', 'Source Han Sans SC', 'Noto Sans CJK SC', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', 'Source Han Mono SC', ui-monospace, monospace;

  /* 字号阶梯（clamp 响应式） */
  --text-mega: clamp(3.5rem, 1rem + 8vw, 7.5rem);
  --text-hero: clamp(2.5rem, 0.5rem + 5vw, 4.5rem);
  --text-display: clamp(1.75rem, 0.8rem + 3vw, 2.75rem);
  --text-title: clamp(1.3rem, 0.9rem + 1.2vw, 1.75rem);
  --text-subhead: 1.125rem;
  --text-body: 0.9375rem;
  --text-small: 0.8125rem;
  --text-micro: 0.6875rem;
  --text-data: 0.875rem;

  /* 行高 */
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.55;
  --leading-relaxed: 1.75;

  /* 字间距 */
  --tracking-display: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-mega-wide: 0.2em;

  /* ===== 间距节奏（8pt 基础） ===== */
  --space-xxs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.875rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: clamp(5rem, 8vw, 8rem);
  --space-section: clamp(4rem, 6vw, 7rem);

  /* ===== 圆角 / 边框 / 阴影 ===== */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --border-hair: 1px solid var(--neutral-line);
  --border-strong: 1px solid #3a423e;
  --border-accent: 1px solid var(--accent-signal);

  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.02), 0 12px 32px -16px rgba(0, 0, 0, 0.5);
  --shadow-elevated: 0 24px 60px -24px rgba(0, 0, 0, 0.65);

  /* ===== 布局 ===== */
  --page-max: 1320px;
  --page-pad: clamp(1.25rem, 4vw, 3rem);
  --gutter: clamp(1rem, 3vw, 2.5rem);
  --grid-12: repeat(12, 1fr);

  /* 动效 */
  --duration-instant: 80ms;
  --duration-fast: 180ms;
  --duration-normal: 320ms;
  --duration-slow: 520ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-instant: 0ms;
    --duration-fast: 0ms;
    --duration-normal: 0ms;
    --duration-slow: 0ms;
  }
}