/* 出题流程 v2 · 设计 token（05 的 1.1）。
 * 前半是和 web/app.css 同名同值的变量（v2 不加载 app.css：它给工作台设了 body 不滚、textarea 满宽这类全局规则，会带偏 v2 页面）；
 * 后半是 v2 新起的 token。暗色的 --faint-2 由建议值 #4E5870 提到 #5F6B85（R6-design 暗色检查：矩阵里没选的 ✗、分隔符在深底上对比度只有 2.5）。改颜色只改这里，组件和页面里不写十六进制值。暗色值里标「建议」的是 05 给的建议值。 */
:root{
  /* ---- 同 app.css ---- */
  --ground:#F6F7F9; --surface:#FFFFFF; --raise:#EEF1F5; --side:#F9FAFB;
  --ink:#111827; --ink-2:#374151; --muted:#5B6474; --line:#E1E5EC; --line-2:#CBD2DC;
  --vh:#0053D6; --vh-wash:#E7EEFB; --vh-ink:#0047B8;
  --low:#FFDB13; --low-wash:#FFF7CC; --low-ink:#6E5A00;
  --vlow:#FF7D45; --vlow-wash:#FFEDE4; --vlow-ink:#A8421A;
  --sans:"Geist","PingFang SC","Noto Sans SC","Microsoft YaHei",-apple-system,sans-serif;
  --mono:"Geist Mono",ui-monospace,Menlo,"PingFang SC",monospace;
  /* ---- v2 新 token ---- */
  --faint:#7A8494; --faint-2:#A3ABB8;
  --vh-line:#9DB7EA;
  --ok-ink:#1C7446; --ok-wash:#DCF0E4;
  --vlow-line:#F3B99B; --vlow-tint:#FFF7F2;
  --flag:#E0692F;
  --s-hi:var(--vh); --s-mid:#7FA6E8; --s-lo:#CFE0FB;
  /* 字号 */
  --fs-h1:22px; --fs-num-xl:24px; --fs-num-l:22px; --fs-num-m:20px; --fs-lead:18px; --fs-done:17px; --fs-h2:16px; --fs-panel:15px;
  --fs-body:14px; --fs-nav:13.5px; --fs-ui:13px; --fs-hint:12.5px; --fs-small:12px; --fs-tiny:11.5px; --fs-micro:11px;
  /* 圆角 */
  --r-xs:4px; --r-sm:6px; --r-md:8px; --r-in:9px; --r-lg:10px; --r-pill:999px;
  /* 间距 */
  --sp-1:2px; --sp-2:4px; --sp-3:6px; --sp-4:8px; --sp-5:10px; --sp-6:12px; --sp-7:14px; --sp-8:16px; --sp-9:20px; --sp-10:24px;
  /* 尺寸 */
  --nav-w:232px; --top-h:56px; --head-h:46px; --btn-h:40px; --btn-h-lg:42px; --pill-h:32px; --bar-full:60px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --ground:#0B0F17; --surface:#121826; --raise:#1A2233; --side:#0F1420;
    --ink:#E6EAF2; --ink-2:#C3CAD6; --muted:#95A0B3; --line:#232C3D; --line-2:#334058;
    --vh:#4D8DFF; --vh-wash:#10213F; --vh-ink:#8DB5FF;
    --low:#FFDB13; --low-wash:#2A2610; --low-ink:#FFE45C;
    --vlow:#FF8A5B; --vlow-wash:#33190F; --vlow-ink:#FFA27D;
    --faint:#6B7588; --faint-2:#5F6B85; --vh-line:#2B4C86;
    --ok-ink:#6FD39A; --ok-wash:#10291C; --vlow-line:#7A3A1F; --vlow-tint:#22140D; --flag:#FF8A5B;
    --s-mid:#2F5DA8; --s-lo:#1B3358;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#0B0F17; --surface:#121826; --raise:#1A2233; --side:#0F1420;
  --ink:#E6EAF2; --ink-2:#C3CAD6; --muted:#95A0B3; --line:#232C3D; --line-2:#334058;
  --vh:#4D8DFF; --vh-wash:#10213F; --vh-ink:#8DB5FF;
  --low:#FFDB13; --low-wash:#2A2610; --low-ink:#FFE45C;
  --vlow:#FF8A5B; --vlow-wash:#33190F; --vlow-ink:#FFA27D;
  --faint:#6B7588; --faint-2:#5F6B85; --vh-line:#2B4C86;
  --ok-ink:#6FD39A; --ok-wash:#10291C; --vlow-line:#7A3A1F; --vlow-tint:#22140D; --flag:#FF8A5B;
  --s-mid:#2F5DA8; --s-lo:#1B3358;
}