/* ==============================================
   Design Tokens v2 — 合肥一中电脑社
   紫金曦 · 液态玻璃 · 亮暗双主题
   ============================================== */

:root {
  --dawn-50:  #faf5ff;
  --dawn-100: #f3e8ff;
  --dawn-200: #e9d5ff;
  --dawn-300: #d8b4fe;
  --dawn-400: #a78bfa;
  --dawn-500: #7c5cff;
  --dawn-600: #6d4aff;
  --dawn-700: #5818c7;
  --gold-200: #fde68a;
  --gold-300: #fbbf24;
  --gold-400: #f59e0b;
  --gold-500: #d97706;
  --aurora-1: #7c5cff;
  --aurora-2: #a78bfa;
  --aurora-3: #fbbf24;
  --aurora-4: #6ee7b7;

  --font-display: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
  --font-body: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --spring-out:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --spring-in:   cubic-bezier(0.68, -0.55, 0.27, 1.55);
  --liquid-flow: cubic-bezier(0.22, 1, 0.36, 1);
  --smooth:      cubic-bezier(0.16, 1, 0.3, 1);
  --bounce-soft: cubic-bezier(0.68, -0.3, 0.32, 1.3);

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  --max-w: 1200px;
  --nav-h: 72px;

  --z-bg: 0;
  --z-content: 10;
  --z-floating: 50;
  --z-nav: 100;
  --z-overlay: 200;
  --z-menu: 300;
  --z-preloader: 9999;
}

/* ─── 暗色主题（默认） ─── */
[data-theme="dark"],
:root {
  --bg-deep: #04050a;
  --bg-mid: #080b16;
  --bg-surface: #0c1020;
  --text-primary: #eaf6fb;
  --text-secondary: rgba(165, 180, 192, 0.7);
  --text-muted: rgba(107, 122, 136, 0.5);
  --glass-base: rgba(124, 92, 255, 0.03);
  --glass-hover: rgba(124, 92, 255, 0.05);
  --glass-border: rgba(124, 92, 255, 0.05);
  --glass-border-hover: rgba(124, 92, 255, 0.12);
  --glass-highlight: rgba(255, 255, 255, 0.02);
  --nav-bg: rgba(4, 5, 10, 0.35);
  --nav-bg-scrolled: rgba(4, 5, 10, 0.65);
  --nav-border: rgba(124, 92, 255, 0.06);
  --nav-shadow: rgba(0, 0, 0, 0.3);
  --section-title: linear-gradient(135deg, #eaf6fb, #a78bfa);
  --accent-gradient: linear-gradient(135deg, #a78bfa, #fbbf24, #d8b4fe);
  --btn-gradient: linear-gradient(135deg, #5818c7, #7c5cff, #a78bfa);
  --btn-hover-gradient: linear-gradient(135deg, #7c5cff, #fbbf24, #a78bfa);
  --btn-shadow: rgba(124, 92, 255, 0.25);
  --btn-shadow-hover: rgba(124, 92, 255, 0.35);
}

/* ─── 亮色主题（晨曦温暖感）─── */
[data-theme="light"] {
  --bg-deep: #faf8f5;
  --bg-mid: #f5f1ec;
  --bg-surface: #ede9e2;
  --text-primary: #1a1520;
  --text-secondary: rgba(85, 75, 100, 0.75);
  --text-muted: rgba(160, 145, 175, 0.6);
  --glass-base: rgba(124, 92, 255, 0.03);
  --glass-hover: rgba(124, 92, 255, 0.05);
  --glass-border: rgba(124, 92, 255, 0.06);
  --glass-border-hover: rgba(124, 92, 255, 0.12);
  --glass-highlight: rgba(255, 255, 255, 0.20);
  --nav-bg: rgba(250, 248, 245, 0.55);
  --nav-bg-scrolled: rgba(250, 248, 245, 0.78);
  --nav-border: rgba(124, 92, 255, 0.08);
  --nav-shadow: rgba(90, 60, 150, 0.08);
  --section-title: linear-gradient(135deg, #3a2566, #7c5cff);
  --accent-gradient: linear-gradient(135deg, #7c5cff, #e89b1c, #a78bfa);
  --btn-gradient: linear-gradient(135deg, #6d4aff, #7c5cff, #a78bfa);
  --btn-hover-gradient: linear-gradient(135deg, #7c5cff, #f59e0b, #a78bfa);
  --btn-shadow: rgba(124, 92, 255, 0.18);
  --btn-shadow-hover: rgba(124, 92, 255, 0.28);
}