/* ============================================================
   Marque & Crown — Design Tokens
   方向：纹章暗金奢华 · 明暗对照烛光感 · 典籍编辑式排印
   依据 docs/design/2026-06-26-direction.md（含对比实测）
   ============================================================ */

:root {
  /* —— 色板（语义分工，禁纯黑/中性灰）—— */
  --ink: oklch(14% 0.015 70);          /* 暖赭黑底，95% 画面，≈ #15110c */
  --ink-2: oklch(17% 0.018 70);        /* 次级暗块（色块切换分区用） */
  --ink-3: oklch(20% 0.02 70);         /* 更浅暗块 / 卡内底 */

  --gold: oklch(74% 0.05 85);          /* 古金高光，仅徽记/关键标题/序号/主CTA/焦点细线，≈ #c8ad86 */
  --gold-bright: oklch(90% 0.05 92);   /* hover 提亮，≈ #ece4b4 */

  --parchment: oklch(95% 0.02 85);     /* 羊皮纸白正文 + 1px 描边，≈ #f8f2de */
  --parchment-70: oklch(95% 0.02 85 / 0.70); /* 降弱：降不透明度而非换灰 */
  --parchment-muted: oklch(95% 0.02 85 / 0.62); /* 副文 / muted（仍是暖白，不是灰；小字对暗底 ≈5.6:1 过 AA） */

  --oxblood: oklch(35% 0.12 22);       /* 暗酒红，仅填充/蜡封/规则线/首字下沉，≈ #6e2230 */
  --oxblood-bright: oklch(45% 0.14 22);

  /* 发丝细线（古金低透明，编辑式分隔取代卡片） */
  --hair: oklch(74% 0.05 85 / 0.32);
  --hair-strong: oklch(74% 0.05 85 / 0.55);

  /* 焦点环（可达性，可见描金） */
  --focus: oklch(90% 0.06 92);

  /* —— 字体（英文单语：Cinzel 碑铭标题 + Cormorant Garamond 衬线正文）—— */
  --font-display: "Cinzel", Georgia, serif;
  --font-serif: "Cormorant Garamond", Georgia, serif;

  /* —— 字号（强尺度对比：巨型 display vs 安静正文）—— */
  --text-hero: clamp(2.75rem, 1rem + 8vw, 7rem);
  --text-display: clamp(1.9rem, 1rem + 4vw, 3.5rem);
  --text-body: clamp(1.05rem, 1rem + 0.45vw, 1.3rem);
  --text-body-lg: clamp(1.25rem, 1.05rem + 1vw, 1.7rem);  /* manifesto 稍大 */
  --text-label: 0.8rem;     /* 小型大写 section 标签 */
  --text-small: 0.85rem;    /* 副文 / footer */

  /* —— 字距（Cinzel 宽；正文拉丁不加）—— */
  --track-display: 0.12em;   /* Cinzel 字标 */
  --track-label: 0.32em;     /* 小型大写标签 */

  /* —— 行高 —— */
  --leading-tight: 1.08;
  --leading-body: 1.62;

  /* —— 间距（60%+ 留白，逐屏单焦点）—— */
  --space-section: clamp(5.5rem, 4rem + 9vw, 12rem);
  --space-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  --measure: 38rem;          /* prose 最大行宽（≈ 60-66 字符） */
  --measure-wide: 64rem;     /* 区块容器 */
  --gutter: clamp(1.5rem, 1rem + 3vw, 3rem);

  /* —— 线 / 圆角（0px 直角＝手稿仪式感）—— */
  --hairline: 1px;
  --radius: 0px;
  --radius-sm: 2px;

  /* —— 动效（克制仪式，expo-out，无 bounce）—— */
  --dur-reveal: 720ms;
  --dur-slow: 900ms;
  --dur-fast: 180ms;
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* —— 氛围 —— */
  --vignette: radial-gradient(120% 90% at 50% 32%,
    transparent 0%, transparent 45%, oklch(8% 0.01 70 / 0.55) 100%);
}