/* Hallmark · macrostructure: Photographic · tone: cinematic-noir · anchor hue: 285
 * 设计系统 token。页面样式只允许引用这里的变量，不写裸值。
 */
:root {
  color-scheme: dark;

  /* ── 色彩（OKLCH）───────────────────────────────────── */
  --color-void: oklch(13% 0.02 285);          /* 纸底：近黑带靛 */
  --color-void-2: oklch(16.5% 0.022 285);     /* 次级面 */
  --color-void-3: oklch(20.5% 0.026 285);     /* 三级面 / hover */
  --color-star: oklch(62% 0.17 300);          /* 星紫：线、焦点、极小面积 */
  --color-star-soft: oklch(74% 0.09 300);     /* 星紫弱化 */
  --color-silver: oklch(76% 0.012 250);       /* 银灰：次要文字 */
  --color-silver-dim: oklch(58% 0.012 250);   /* 银灰弱化：标注 */
  --color-ember: oklch(82% 0.1 82);           /* 暖金：credit / 时码 */
  --color-dust: oklch(88% 0.05 292);          /* 星尘粒子（canvas 用） */
  --color-paper: oklch(93% 0.008 90);         /* 主文字 */
  --color-paper-dim: oklch(82% 0.01 90);      /* 正文 */
  --color-ink: oklch(10% 0.015 285);          /* 压暗 */

  --color-rule: oklch(100% 0.006 285 / 0.13);
  --color-rule-strong: oklch(100% 0.006 285 / 0.3);
  --color-rule-star: oklch(62% 0.17 300 / 0.55);
  --color-scrim: oklch(10% 0.02 285 / 0.86);
  --color-scrim-strong: oklch(13% 0.02 285 / 0.94);
  --color-scrim-mid: oklch(13% 0.02 285 / 0.62);
  --color-scrim-soft: oklch(13% 0.02 285 / 0.3);
  --color-scrim-heavy: oklch(13% 0.02 285 / 0.78);

  /* ── 字体 ───────────────────────────────────────────── */
  --font-display: "Noto Serif SC", "Songti SC", "STSong", "Source Han Serif SC", serif;
  --font-body: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "IBM Plex Mono", "Noto Sans SC", "PingFang SC", "SFMono-Regular", ui-monospace, "Menlo", monospace;

  /* ── 字号 ───────────────────────────────────────────── */
  --text-hero: clamp(3.4rem, 15vw, 13.5rem);
  --text-h2: clamp(2.15rem, 4.6vw, 4.1rem);
  --text-h3: clamp(1.45rem, 2.2vw, 2rem);
  --text-h4: clamp(1.1rem, 1.5vw, 1.3rem);
  --text-lead: clamp(1.08rem, 1.55vw, 1.4rem);
  --text-body: clamp(0.97rem, 1.02vw, 1.05rem);
  --text-sm: 0.9rem;
  --text-mono: 0.7rem;
  --text-mono-lg: 0.78rem;

  /* ── 间距（4pt 基数）────────────────────────────────── */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: 3.5rem;
  --space-2xl: 5rem;
  --space-3xl: 7.5rem;
  --space-4xl: 11rem;

  /* ── 布局 ───────────────────────────────────────────── */
  --gutter: clamp(1.25rem, 4.6vw, 4.5rem);
  --maxw: 1680px;
  --rail-w: 2.75rem;
  --rail-indent: 2.75rem;
  --rail-x: clamp(0.35rem, 1vw, 0.9rem);
  --reticle-size: 52px;
  --reticle-size-lock: 84px;
  --nav-h: clamp(4.25rem, 7vh, 5.25rem);

  /* ── 缓动 / 时长（只用这三个）──────────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
  --dur-cine: 1100ms;

  /* ── 细节 ───────────────────────────────────────────── */
  --radius-s: 2px;
  --radius-m: 4px;
  --hairline: 1px;
  --focus-ring: 2px solid var(--color-star);
}