/* ============================================================
   anilxlina — Design Tokens (唯一真相來源: SPEC.md §2)
   黑底 · 米白字 · 唯一暖色焦糖橘 · Brutal Softness
   ============================================================ */

:root {
  /* ---- 色彩 (只有這六個, 禁止其他顏色) ---- */
  --bg:        #0A0A0A;   /* 頁面背景 — 近黑, 底片背面 */
  --surface:   #111111;   /* 卡片 / 區塊 */
  --line:      #1E1E1E;   /* 線條 / 邊框 — 極細存在感 */
  --ink:       #E8E4DC;   /* 主要文字 — 米白, 舊相紙 */
  --ink-dim:   #6B6B6B;   /* 次要文字 — 日期 / 說明 / 標籤 */
  --warm:      #C4702A;   /* 唯一暖色 — 焦糖橘, 面積 < 5% */

  /* 暖色衍生 (僅用於光暈, 不是新顏色) */
  --warm-glow: rgba(196, 112, 42, 0.55);
  --warm-soft: rgba(196, 112, 42, 0.14);

  /* ---- 字型 ---- */
  --font-display: 'Space Grotesk', 'Helvetica Neue', sans-serif; /* 700 */
  --font-body:    'JetBrains Mono', ui-monospace, monospace;     /* 300 / 400 */

  /* ---- 流體字級 (禁止固定 px) ---- */
  --text-hero:    clamp(3.5rem, 11vw, 9.5rem);
  --text-display: clamp(2.6rem, 6vw, 5rem);
  --text-title:   clamp(1.8rem, 4vw, 3.2rem);
  --text-sub:     clamp(1.2rem, 2.4vw, 1.8rem);
  --text-body:    clamp(0.9rem, 1.4vw, 1.02rem);
  --text-caption: clamp(0.72rem, 1.1vw, 0.82rem);
  --text-micro:   clamp(0.62rem, 0.9vw, 0.7rem);
  --text-numeral: clamp(5rem, 16vw, 16rem);   /* Journal 大序號 */

  /* ---- 字距 ---- */
  --tracking-hero: 0.12em;
  --tracking-wide: 0.24em;   /* 標題 / 標籤 — 建築感 */
  --tracking-body: 0.03em;
  --leading-loose: 2.0;
  --leading-body:  1.85;

  /* ---- 12 欄格線 ---- */
  --grid-columns: 12;
  --grid-gutter:  clamp(1rem, 2.5vw, 2rem);
  --grid-margin:  clamp(1.5rem, 5vw, 6rem);
  --max-width:    1440px;

  /* ---- 動畫 ---- */
  --ease-shutter: cubic-bezier(0.16, 1, 0.3, 1); /* 快入極慢出, 快門 */
  --dur-fast:    300ms;
  --dur-normal:  600ms;
  --dur-slow:    1200ms;

  /* ---- 區塊節奏 ---- */
  --section-gap:  clamp(7rem, 16vh, 14rem);
}