/* ============================================
   Design Tokens — 设计令牌
   ============================================ */

:root {
  /* 颜色 — 主色板 */
  --color-bg: #0A0A0B;             /* 深空背景 */
  --color-bg-elevated: #131316;     /* 略亮一点的次级背景 */
  --color-text: #F5F2EC;           /* 暖白主文本 */
  --color-text-muted: rgba(245, 242, 236, 0.62);
  --color-text-subtle: rgba(245, 242, 236, 0.38);
  --color-text-dim: rgba(245, 242, 236, 0.22);

  /* 颜色 — 强调色 */
  --color-accent: #D9B27A;          /* 暖金 */
  --color-accent-soft: rgba(217, 178, 122, 0.15);
  --color-accent-glow: rgba(217, 178, 122, 0.4);

  /* 颜色 — 极光渐变 */
  --aurora-1: #6B5BFF;             /* 紫罗兰 */
  --aurora-2: #FF6BA8;             /* 樱粉 */
  --aurora-3: #5BCFFF;             /* 冰蓝 */
  --aurora-4: #FFB36B;             /* 落日橙 */

  /* 颜色 — 玻璃层 */
  --glass-bg-l1: rgba(255, 255, 255, 0.04);
  --glass-bg-l2: rgba(255, 255, 255, 0.06);
  --glass-bg-l3: rgba(255, 255, 255, 0.09);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-border-strong: rgba(255, 255, 255, 0.2);
  --glass-highlight: rgba(255, 255, 255, 0.5);

  /* 玻璃模糊 */
  --glass-blur-l1: blur(12px) saturate(160%);
  --glass-blur-l2: blur(24px) saturate(180%);
  --glass-blur-l3: blur(40px) saturate(200%);

  /* 玻璃阴影 */
  --glass-shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.3),
                     inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --glass-shadow-md: 0 8px 32px rgba(0, 0, 0, 0.4),
                     inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --glass-shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.5),
                     inset 0 1px 0 rgba(255, 255, 255, 0.12);

  /* 字体 */
  --font-serif: 'Instrument Serif', 'Times New Roman', serif;
  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* 字号 — 编辑型排版 */
  --text-9xl: clamp(4.5rem, 9vw, 8rem);
  --text-8xl: clamp(3.5rem, 7vw, 6rem);
  --text-7xl: clamp(2.5rem, 5vw, 4.5rem);
  --text-6xl: clamp(2rem, 4vw, 3.5rem);
  --text-5xl: clamp(1.75rem, 3vw, 2.5rem);
  --text-4xl: 1.5rem;
  --text-3xl: 1.25rem;
  --text-2xl: 1.125rem;
  --text-xl: 1rem;
  --text-base: 0.9375rem;
  --text-sm: 0.8125rem;
  --text-xs: 0.6875rem;

  /* 字重 */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* 字间距 */
  --tracking-tight: -0.04em;
  --tracking-snug: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.08em;
  --tracking-widest: 0.2em;

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-2xl: 40px;
  --radius-full: 999px;

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* 容器 */
  --container-max: 1440px;
  --container-padding: clamp(20px, 4vw, 64px);

  /* 过渡 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 700ms;
  --duration-slower: 1200ms;
}