/**
 * Design Tokens — 设计令牌
 *
 * 所有颜色、字体、间距、动画时长集中管理。
 * 修改这里即可全局调整视觉风格。
 */

:root {
  /* ── Color Palette ── */
  --color-ink:          #1a1a2e;
  --color-ink-light:    #2d2d44;
  --color-paper:        #f5f0e8;
  --color-paper-warm:   #faf6ef;
  --color-paper-dark:   #e8e0d0;
  --color-accent:       #c9756b;
  --color-accent-light: #e8a598;
  --color-accent-glow:  rgba(201, 117, 107, 0.3);
  --color-gold:         #c4a35a;
  --color-gold-light:   #e0c97f;
  --color-rain:         rgba(174, 194, 224, 0.4);
  --color-rain-splash:  rgba(174, 194, 224, 0.15);
  --color-text:         #3a3a4a;
  --color-text-muted:   #7a7a8a;
  --color-terminal-bg:  #1e1e2e;
  --color-terminal-text:#a6e3a1;
  --color-terminal-comment: #6c7086;
  --color-terminal-string:  #f9e2af;
  --color-terminal-keyword: #cba6f7;

  /* ── Typography ── */
  --font-serif:    'Noto Serif SC', 'Songti SC', serif;
  --font-display:  'ZCOOL KuaiLe', 'Noto Serif SC', cursive;
  --font-mono:     'Fira Code', 'Menlo', 'Consolas', monospace;

  --fs-hero:       clamp(4rem, 12vw, 10rem);
  --fs-h2:         clamp(1.8rem, 4vw, 2.8rem);
  --fs-body:       clamp(1rem, 2vw, 1.2rem);
  --fs-small:      clamp(0.85rem, 1.5vw, 0.95rem);
  --fs-code:       clamp(0.8rem, 1.4vw, 0.92rem);

  /* ── Spacing ── */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   2rem;
  --space-lg:   4rem;
  --space-xl:   6rem;
  --space-2xl:  10rem;

  /* ── Layout ── */
  --max-width:  960px;
  --border-radius: 12px;

  /* ── Animation ── */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast:   300ms;
  --duration-normal: 600ms;
  --duration-slow:   1200ms;

  /* ── Shadows ── */
  --shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md:  0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg:  0 8px 40px rgba(0, 0, 0, 0.12);
  --shadow-glow: 0 0 30px var(--color-accent-glow);
}