/* ══════════════════════════════════════════════════════════════════════════
   Deep Reflection · Design Tokens — 单一真源
   改这里一处，所有加载了本文件的页面一起变。

   颜色用「RGB 通道三元组」而不是 hex（如 220 186 244），这样：
     · Tailwind 端可以写 rgb(var(--secondary) / <alpha-value>) 保住透明度修饰
     · 纯 CSS 端可以写 rgb(var(--secondary)) 或 rgb(var(--secondary) / .1)
   ══════════════════════════════════════════════════════════════════════════ */
:root {
  /* ── 核心 & 强调 ─────────────────────────────── */
  --primary: 225 223 255;
  --secondary: 220 186 244;
  --tertiary: 255 222 165;
  --error: 255 180 171;

  /* ── on-* 前景 ───────────────────────────────── */
  --on-primary: 46 46 72;
  --on-secondary: 63 37 84;
  --on-tertiary: 65 45 0;
  --on-error: 105 0 5;
  --on-background: 228 225 230;
  --on-surface: 228 225 230;
  --on-surface-variant: 200 197 206;
  --on-primary-container: 80 80 107;
  --on-secondary-container: 202 169 225;
  --on-tertiary-container: 106 78 12;
  --on-error-container: 255 218 214;

  /* ── containers ──────────────────────────────── */
  --primary-container: 197 195 228;
  --secondary-container: 86 59 108;
  --tertiary-container: 233 193 118;
  --error-container: 147 0 10;

  /* ── surfaces（明度阶梯）─────────────────────── */
  --background: 19 19 22;
  --surface: 19 19 22;
  --surface-dim: 19 19 22;
  --surface-bright: 57 57 60;
  --surface-container-lowest: 14 14 17;
  --surface-container-low: 27 27 30;
  --surface-container: 31 31 34;
  --surface-container-high: 42 42 45;
  --surface-container-highest: 53 52 56;
  --surface-variant: 53 52 56;
  --midnight-well: 14 14 17;

  /* ── 线 / 反色 / tint ────────────────────────── */
  --outline: 146 143 152;
  --outline-variant: 71 70 77;
  --inverse-surface: 228 225 230;
  --inverse-on-surface: 48 48 51;
  --inverse-primary: 92 92 120;
  --surface-tint: 197 195 228;

  /* ── fixed 家族 ──────────────────────────────── */
  --primary-fixed: 226 223 255;
  --primary-fixed-dim: 197 195 228;
  --on-primary-fixed: 25 25 50;
  --on-primary-fixed-variant: 69 68 95;
  --secondary-fixed: 242 218 255;
  --secondary-fixed-dim: 220 186 244;
  --on-secondary-fixed: 40 14 62;
  --on-secondary-fixed-variant: 86 59 108;
  --tertiary-fixed: 255 222 165;
  --tertiary-fixed-dim: 233 193 118;
  --on-tertiary-fixed: 38 25 0;
  --on-tertiary-fixed-variant: 93 66 0;

  /* ── 半透明基色（配 / <alpha> 用）───────────── */
  --surface-focus: 42 42 45;   /* 常用 .25 */
  --surface-glass: 31 31 34;   /* 常用 .15 */
  --gold-glow: 233 193 118;    /* 常用 .3  */

  /* ── 排版 ────────────────────────────────────── */
  --font-display: "Bodoni Moda", ui-serif, Georgia, serif;
  --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;

  /* ── 圆角 ────────────────────────────────────── */
  --radius-DEFAULT: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;

  /* ── 间距 ────────────────────────────────────── */
  --space-unit: 8px;
  --space-gutter: 24px;
  --space-section: 64px;
  --pad-desktop: 80px;
  --pad-mobile: 24px;
}