/* tokens.css — 從 design/tokens.json 三層衍生（node scripts/build_tokens.js），請勿手改 */
:root {
  /* ── primitive 原始層 ── */
  --p-green-deep: #1F3D2B;  /* 茶湯・濃茶（最深） */
  --p-green: #46703C;  /* 茶湯・抹茶綠 */
  --p-green-mid: #7FA85C;  /* 茶湯・薄茶 */
  --p-green-pale: #cbdfa3;  /* 茶湯・泡沫（最淺） */
  --p-green-bright: #88A758;  /* 互動綠 */
  --p-green-slot: #3f5738;  /* slot 圖說深綠（影子色收編・原散 30 處） */
  --p-green-paler: #e9f2da;  /* 最淺茶湯・footer 末階（影子色收編） */
  --p-ink: #263430;  /* 墨綠黑・骨架 */
  --p-ink-warm: #33392f;  /* 文章內文暖黑（影子色收編・原散 38 處） */
  --p-gray: #6f7a6d;  /* 次要文字灰 */
  --p-gray-mid: #8b9389;  /* 未選中灰 */
  --p-paper: #FFFFFF;  /* 主底白 */
  --p-paper-warm: #f3f2ea;  /* 區塊次底 */
  --p-pill: #f7f8f3;  /* 藥丸/膠囊底（統一・原 tea #f4f6f1 併此） */
  --p-clay: #B08D57;  /* 竹・年份・待查證 */
  --p-line: #e4e4de;  /* hairline 分隔線 */
  --p-line-warm: #ececea;  /* 暖分隔線（影子色收編） */
  --p-size-12: 12px;
  --p-size-13: 13px;
  --p-size-15: 15px;
  --p-size-17: 17px;
  --p-size-20: 20px;
  --p-size-24: 24px;
  --p-size-32: 32px;
  --p-lead-none: 1;
  --p-lead-heading: 1.4;
  --p-lead-snug: 1.6;
  --p-lead-normal: 1.85;
  --p-lead-base: 1.9;
  --p-lead-relaxed: 2.0;
  --p-lead-loose: 2.2;
  --p-track-1: 1px;
  --p-track-2: 2px;
  --p-track-3: 3px;
  --p-track-4: 4px;
  --p-track-6: 6px;
  --p-space-1: 4px;
  --p-space-2: 8px;
  --p-space-3: 12px;
  --p-space-4: 16px;
  --p-space-5: 18px;
  --p-space-6: 24px;
  --p-space-7: 32px;
  --p-space-8: 40px;
  --p-space-9: 48px;

  /* ── semantic 語意層（color 前 12 項＝全站相容名） ── */
  --color-ink: #263430;  /* 主文字/骨架 */
  --color-ink-soft: #6f7a6d;  /* 次要文字 */
  --color-paper: #FFFFFF;  /* 主底 */
  --color-paper-deep: #f3f2ea;  /* 區塊次底 */
  --color-koicha: #1F3D2B;  /* 茶湯・濃茶 */
  --color-matcha: #46703C;  /* 茶湯・抹茶綠 */
  --color-usucha: #7FA85C;  /* 茶湯・薄茶 */
  --color-foam: #cbdfa3;  /* 茶湯・泡沫・tag/選中 */
  --color-bamboo: #B08D57;  /* 竹・待查證 */
  --color-accent: #88A758;  /* 互動綠・active/連結 */
  --color-line: #e4e4de;  /* hairline */
  --color-muted: #8b9389;  /* nav 未選中 */
  --color-text-body: #33392f;  /* 文章內文暖黑（Phase 2 引用） */
  --color-verified: #46703C;  /* 已查證狀態 */
  --color-pending: #B08D57;  /* 待查證狀態 */
  --fs-body: 17px;  /* 文章正文＋大段閱讀文字（品測筆記/結論/直排引言/明朝內文；2026-07-25 中段五收三，原 sub 閱讀場景併入） */
  --fs-note: 15px;  /* 卡片描述/說明＋UI 字（nav 選單/表格/英文小標/署名/空狀態；原 sub UI 場景併入） */
  --fs-micro: 13px;  /* 標籤/徽章＋crumb/meta 標註族（原 caption 併入；導航族用這階） */
  --fs-source: 12px;  /* 來源列（最小級・獨立階） */
  --fs-h3: 20px;  /* 區塊小標題 */
  --fs-h2: 24px;  /* 章節標題 */
  --fs-h1: 32px;  /* 頁面主標 */
  --fs-lead: clamp(20px, 2.4vw, 26px);  /* 文章 lede 開場段（tools/brand 文章型） */
  --fs-title-sm: clamp(21px, 2.5vw, 30px);  /* 響應式小標（2026-07-25 收檔：原 22/30・22/32・21/30 五處收一） */
  --fs-title: clamp(24px, 3.2vw, 40px);  /* 響應式中標（原 26/40・24/40・24/38 三處收一） */
  --fs-title-xl: clamp(30px, 4.4vw, 56px);  /* 響應式大標（原 30/52・34/56・34/60 四處收一） */
  --fs-hero: clamp(44px, 7.5vw, 104px);  /* KV 主標（產地深頁） */
  --fs-display: clamp(110px, 14.5vw, 280px);  /* 總覽巨型英文 display */
  --ls-1: 1px;  /* 標準微距（原 em 制 tight/normal/nav 三階——大標收緊/內文/導航小字放寬，px 制下渲染值本就同聚 ≈1px，天然自帶大字顯緊小字顯寬的反比性質） */
  --ls-2: 2px;  /* CTA/Garamond 英文小標・分類籤（原 cta .12em＋wide .14em） */
  --ls-3: 3px;  /* uppercase CTA・上下篇導航（原 wider .18em） */
  --ls-4: 4px;  /* 日文讀音・裝飾直排・Garamond 眉標 kicker（原 reading .3em＋eyebrow .34em） */
  --ls-6: 6px;  /* display 級 uppercase 英文大標（品測 EN 標；Kay 2026-07-25 拍板 Material 派 px 整數制，6px 整） */
  --lh-none: 1;  /* display 巨字/箭頭符號（單行圖形性文字） */
  --lh-heading: 1.4;  /* 標題族（文章 h1/列表名；原 1.32/1.4/1.5 收編） */
  --lh-snug: 1.6;  /* 卡名/佔位 caption 兩行內短文字 */
  --lh-note: 1.85;  /* UI 說明/表格族（原 1.75 併入） */
  --lh-base: 1.9;  /* body 基準/lead（原 1.95 併入） */
  --lh-relaxed: 2.0;  /* footer/卡片文/intro */
  --lh-loose: 2.2;  /* 文章正文/明朝內文/直排（原 2.1/2.15/2.3 併入） */
  --gutter-page: 18px;  /* 手機頁緣 */

  /* ── component 元件層 ── */
  --radar-fill: #cbdfa3;  /* 風味雷達面（§8） */
  --radar-stroke: #88A758;  /* 風味雷達描邊（§8） */
  --slot-ink: #3f5738;  /* 佔位圖文字/圖說深綠（2026-07-25 Astro 線接上；semantic 無對應語意故引 primitive） */
  --footer-scale-end: #e9f2da;  /* 茶色階條末格（最淺茶湯；前三格＝koicha/matcha/usucha） */

  /* ── font / radius（頂層・非三層色尺體系） ── */
  --font-serif-cjk: 'Noto Serif TC', serif;  /* 中文明朝・標題/品牌/產地 */
  --font-serif-jp: 'Shippori Mincho', serif;  /* 日文明朝・讀音/直排 */
  --font-serif-latin: 'EB Garamond', serif;  /* 西文襯線・eyebrow/年份 */
  --font-sans: 'Noto Sans TC', sans-serif;  /* 內文・標籤 */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-chip: 20px;
  --radius-full: 999px;

  /* ── 乙版短名別名（全站家族沿用） ── */
  --ink: var(--color-ink);
  --ink-soft: var(--color-ink-soft);
  --paper: var(--color-paper);
  --paper-deep: var(--color-paper-deep);
  --koicha: var(--color-koicha);
  --matcha: var(--color-matcha);
  --usucha: var(--color-usucha);
  --foam: var(--color-foam);
  --bamboo: var(--color-bamboo);
  --accent: var(--color-accent);
  --line: var(--color-line);
  --muted: var(--color-muted);
}