/* GENERATED by docs/design-system/build-tokens.mjs — do not edit by hand.
   Source: docs/design-system/tokens.json  ·  2026-08-19
   暗房 / 精密仪器 — 近黑冷底让作品图成为唯一色彩来源, 骨白承担全部文字层级, 信号橙只用在实时数据与交互反馈 (用量 < 2%) */

:root {
  /* --- type --- */
  --font-display: 'Syne', 'AaHouDiHei', 'MiSans', sans-serif;
  --font-sans: 'Archivo', 'MiSans', 'PingFang SC', sans-serif;
  --font-num: 'Archivo', 'MiSans', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-hud: clamp(0.625rem, 0.5833rem + 0.1852vw, 0.75rem);
  --track-hud: 0.08em;
  --lh-hud-latin: 1.6;
  --lh-hud-cjk: 1.6;
  --text-meta: 13px;
  --track-meta: 0.04em;
  --lh-meta-latin: 1.25rem;
  --lh-meta-cjk: 1.5rem;
  --text-body: clamp(0.9375rem, 0.9167rem + 0.0926vw, 1rem);
  --track-body-latin: 0;
  --track-body-cjk: 0.01em;
  --lh-body-latin: 1.5rem;
  --lh-body-cjk: 1.75rem;
  --text-lead: clamp(1.1875rem, 1.1458rem + 0.1852vw, 1.3125rem);
  --lh-lead-latin: 2rem;
  --lh-lead-cjk: 2.25rem;
  --text-title: clamp(1.25rem, 1.0833rem + 0.7407vw, 1.75rem);
  --track-title-latin: -0.015em;
  --track-title-cjk: -0.03em;
  --lh-title-latin: 1.12;
  --lh-title-cjk: 1.34;
  --text-display-2: clamp(2.125rem, 1.3333rem + 3.5185vw, 4.5rem);
  --track-display-2-latin: -0.025em;
  --track-display-2-cjk: -0.035em;
  --lh-display-2-latin: 1.04;
  --lh-display-2-cjk: 1.22;
  --text-display-1: clamp(2.75rem, 1.0000rem + 7.7778vw, 8rem);
  --track-display-1-latin: -0.03em;
  --track-display-1-cjk: -0.04em;
  --lh-display-1-latin: 0.88;
  --lh-display-1-cjk: 1.15;
  --baseline: 0.25rem;

  /* --- space --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-gutter: clamp(1rem, 0.8333rem + 0.7407vw, 1.5rem);
  --space-bay: clamp(4.5rem, 3.3333rem + 5.1852vw, 8rem);
  --space-edge: clamp(1rem, 0.1667rem + 3.7037vw, 3.5rem);

  /* --- motion --- */
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --rail-track-start: 6;
  --rail-track-end: 194;
  --rail-thumb-len: 20;

  --grid-cols: 12;
  --grid-cols-mobile: 4;
}

:root {
  --bg-void: #080807;
  --bg-base: #0e0d0c;
  --bg-raised: #141312;
  --fg-primary: #f2f0ed;
  --fg-secondary: #b8b6b1;
  --fg-muted: #95928d;
  --fg-on-signal: #080807;
  --line-subtle: rgba(242, 240, 237, 0.14);
  --line-strong: rgba(242, 240, 237, 0.28);
  --signal: #ff6b2c;
  --focus-ring: #ff8c56;
}