/* ============================================================
   tokens.css — 全站唯一的设计令牌源
   改颜色 / 字号 / 间距 / 内容宽度，只改这里
   ============================================================ */
:root {
  /* ---------- 底色与面板 ---------- */
  --bg: #0b0a10;
  --surface: #14111c;
  --surface-2: #17141f;
  --surface-3: #100e16;
  --line: rgba(243, 237, 224, 0.09);
  --line-strong: rgba(243, 237, 224, 0.16);

  /* ---------- 品牌色按用途拆开 ---------- */
  --brand: #e8a33d;        /* 只做填充：按钮底 / 选中片底 */
  --brand-ink: #e8a33d;    /* 只做文字：9.1:1 压暗底 */
  --brand-mark: #e8a33d;   /* 只做图形：圆点 / 图标 */
  --brand-soft: #ffd27a;   /* 强调文字：13.8:1 */
  --brand-surface: #241a0f; /* 浅品牌底 */
  --on-brand: #171006;     /* 金底上的字：8.7:1 */

  /* ---------- 暗底三级文字，全部 ≥4.5:1 ---------- */
  --text-1: #f3ede0; /* 16.9:1 标题 */
  --text-2: #a8a2b4; /*  8.0:1 正文 */
  --text-3: #85808f; /*  5.1:1 次级 */
  --text-4: #6f6a7c; /*  3.8:1 仅大字 / 装饰，勿用于正文 */

  /* ---------- 字体 ----------
     全站使用系统默认字体，不加载任何网络字体（无 @font-face、无字体请求）。
     --font-serif 只是历史变量名：原值指向 "Noto Serif SC" / "Songti SC" / serif，
     在装了思源宋体的设备上，中文标题的横细竖粗加收笔会被看成楷体那种书法感，
     与「默认字体」的预期不符，故改为与 --font-sans 同栈。
     保留变量名是为了不动 8 处引用；新写的样式直接用 --font-sans。 */
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
  --font-serif: var(--font-sans);
  --font-num: var(--font-sans);

  /* ---------- 字号 ---------- */
  --fs-display: 64px;
  --fs-h1: 52px;
  --fs-h2: 40px;
  --fs-h3: 26px;
  --fs-lg: 19px;
  --fs-base: 16px;
  --fs-sm: 15px;
  --fs-xs: 13px;
  --fs-2xs: 12px;

  /* ---------- 间距 ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --section: 96px;

  /* ---------- 宽度只留两档 ---------- */
  --w-container: 1200px;
  --w-prose: 760px;

  /* ---------- 圆角 ---------- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-card: 0 18px 40px -24px rgba(0, 0, 0, 0.9);
  --shadow-poster: 0 24px 60px -28px rgba(0, 0, 0, 0.95);
}

/* 移动端整体降一档字号 —— 改这一处全站生效 */
@media (max-width: 720px) {
  :root {
    --fs-display: 40px;
    --fs-h1: 34px;
    --fs-h2: 28px;
    --fs-h3: 21px;
    --fs-lg: 17px;
    --fs-base: 15px;
    --sp-9: 64px;
    --section: 64px;
  }
}