/* ============================================================
   大碗 · 设计令牌（docs/05 §1）
   全站唯一允许定义 --accent 与 font-size 的文件；其余样式一律 var() 引用。
   换品牌色 = 只改 --accent 一处。
   ============================================================ */

:root {
  color-scheme: light dark;

  /* ---- 色彩 ---- */
  --bg: #ffffff;
  --bg-section: #f5f5f7;
  --bg-elevated: #ffffff;
  --bg-invert: #000000;          /* 反色分段（CTA） */
  --bg-invert-text: #f5f5f7;
  --text: #1d1d1f;
  --text-secondary: #86868b;
  --accent: #15559A;             /* 青花蓝：全站唯一强调色（docs/05 §5.4） */
  --accent-hover: #0f447c;
  --accent-2: #0ea5e9;            /* 渐变副色（青） */
  --accent-soft: rgba(21, 85, 154, 0.08);
  --accent-on: #ffffff;
  --line: rgba(0, 0, 0, 0.08);
  --ok: #30d158;
  --warn: #ff9f0a;
  --err: #ff453a;
  --nav-bg: rgba(255, 255, 255, 0.72);
  --code-bg: #1d1d1f;
  --code-text: #f5f5f7;
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.04);

  /* ---- 字体 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "MiSans",
    "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Consolas, "Courier New", monospace;

  /* ---- 字号阶梯（唯一允许的字号集） ---- */
  --fs-display: clamp(48px, 7.5vw, 88px);
  --fs-title1: 48px;
  --fs-title2: 32px;
  --fs-title3: 24px;
  --fs-headline: 19px;
  --fs-body: 17px;
  --fs-caption: 14px;

  /* ---- 形状 ---- */
  --radius-card: 18px;
  --radius-control: 12px;
  --radius-pill: 980px;

  /* ---- 布局 ---- */
  --content-w: 1200px;
  --content-wide: 1400px;
  --nav-h: 44px;

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --dur: 0.5s;
}

/* 深色：跟随系统，且允许手动覆盖（main.js 写 data-theme） */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --bg-section: #1d1d1f;
    --bg-elevated: #1d1d1f;
    --bg-invert: #f5f5f7;
    --bg-invert-text: #1d1d1f;
    --text: #f5f5f7;
    --text-secondary: #86868b;
    --accent: #2e6fc0;           /* 青花蓝亮度 +10% */
    --accent-hover: #3f80d1;
    --accent-2: #38bdf8;
    --accent-soft: rgba(94, 158, 230, 0.16);
    --accent-on: #ffffff;
    --line: rgba(255, 255, 255, 0.12);
    --nav-bg: rgba(22, 22, 23, 0.8);
    --code-bg: #16161a;
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.4);
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --bg-section: #1d1d1f;
  --bg-elevated: #1d1d1f;
  --bg-invert: #f5f5f7;
  --bg-invert-text: #1d1d1f;
  --text: #f5f5f7;
  --text-secondary: #86868b;
  --accent: #2e6fc0;
  --accent-hover: #3f80d1;
  --accent-2: #38bdf8;
  --accent-soft: rgba(94, 158, 230, 0.16);
  --accent-on: #ffffff;
  --line: rgba(255, 255, 255, 0.12);
  --nav-bg: rgba(22, 22, 23, 0.8);
  --code-bg: #16161a;
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.4);
}
:root[data-theme="light"] {
  color-scheme: light;
}

/* 窄屏字号令牌（仍只在令牌层定义） */
@media (max-width: 768px) {
  :root {
    --fs-display: clamp(40px, 11vw, 56px);
    --fs-title1: 36px;
    --fs-title2: 26px;
    --fs-title3: 21px;
  }
}