/* AUTO-GENERATED by sync-tokens.sh from areas/confluence-brand/design-system/tokens.css — DO NOT EDIT; edit the SoT and re-run */
/* ============================================================
   匯流顧問 Confluence Partners — Design Tokens
   SoT（唯一來源）· v2.5.0 · 2026-10-01 · 新增 --site-*：線上站（confluence-partners.ai）專用的字重／字級／字距，易讀性調整只動這一個載體；deck、報告／artifact、board 的值全部不變

   這是「唯一一份」DS。網站 / deck / report / Claude 產的 HTML 頁全部從這裡取值。
   衍生副本（website/site/style.css 的 :root 與字體規則、
   _assets/templates/confluence-deck-kit/tokens.css、artifact 內嵌 :root）
   一律由 sync-tokens.sh 產生、標頭 AUTO-GENERATED，禁止手抄。

   兩層架構（2026-09-06 audit Finding 12 定案：這個規模 Tier 1 沒有第二個消費者）：
     SEMANTIC   --paper / --ink / --terra / --ok …  按用途命名，直接寫 hex。
                名字與線上站、style-v2 相同 → 這兩個載體零改動。
                （review-ui / survey 用的是另一套名字，屬待遷移，見 plan.md）
                Semantic 之間允許別名引用（--bridge → --deep、--chart-* → 語意色）。
     COMPONENT  --btn-* / --seal-* / --deck-* …     元件層，只引用 Semantic，不得出現裸 hex。

   載體適用範圍（每組標在註解）：
     [all]  全部載體
     [web]  confluence-partners.ai 與 Claude 產的 HTML 頁（artifact / review-ui / 報告頁）
     [deck] 1920×1080 簡報
     [site] 只給線上站 confluence-partners.ai（site.css / chrome.css）；2026-10-01 新增，命名 --site-*

   字重事實（2026-09-06 audit 更正）：
     LXGW Bright TC（jsdelivr @daihaus）提供 300 / 400 / 500，**600 以上不存在**。
     Noto Sans TC 現行匯入 400 / 500 / 700（900 用到時另加）。
     serif 標題定 300 是線上站的設計選擇（細明體是識別的一部分），不是「只有這個字重」。
     **禁用 600**：有 LXGW 時退到 500、artifact（CSP 擋 jsdelivr）時換成 Noto Serif TC 600
     —— 結果不可預期，2026-09-05「顏色不對」事件就是後者。

   字型載入責任：本檔不載字型。每個消費端必須自己匯入：LXGW Bright TC 300（+400/500 給 deck 活口與 typography 卡）
     + Noto Sans TC 400/500/700（+900 只給 deck 轉場標題）+ JetBrains Mono 400/500/700（700 只給表格焦點欄）+ Space Grotesk 700。
     DS 自己的消費端 = fonts.css（assets/fonts/*.woff2，十面全齊，2026-09-06 audit R2 F15）；artifact 走 pyftsubset 內嵌。
   ============================================================ */

:root{

/* ══════════════════════════════════════════════════════════
   SEMANTIC — 按用途命名
   ══════════════════════════════════════════════════════════ */

  /* ── 紙與墨 [all]（ink ramp：900 → 200） ── */
  --paper:#F6F1E8;          /* 暖米紙底 */
  --paper-deep:#EFE7DA;     /* 深一階紙 */
  --paper-lift:rgba(255,255,255,.4);  /* 紙上提亮一階（卡片／範例框），唯一允許的半透明白 */
  --ink:#241B18;            /* 暖墨 · 標題（ink 900） */
  --text:#2B211C;           /* 內文（ink 800） */
  --muted:#71655C;          /* 次要（ink 500） */
  --faint:#A99A8D;          /* 淡註（ink 300） */
  --hairline:#E2D8C9;       /* 細線「顏色」（ink 200）⚠️ 線寬用 --hairline-w */
  --white:#FFFFFF;
  --black:#111111;          /* 純黑 · 只給 deck 轉場 */

  /* ── 品牌暖色 [all] ── */
  --terra:#C25B3F;          /* brick accent（= logo 句點） */
  --terra-deep:#A3492B;     /* terra hover / pressed */
  --terra-bg:#FBF1EC;       /* terra 淡底：高亮卡／選中列（2026-09-10 自 d2 deck 收斂，原有 #FBF3EF / #FBF1EC 兩值） */
  --kraft:#D4A27F;          /* 牛皮紙 */
  --primary:#5E2B29;        /* 酒紅 · 主按鈕 / 權威 */
  --primary-deep:#4A211F;   /* 酒紅 hover */
  --on-primary:#F7ECE6;     /* 酒紅上的字（style-v2 .btn-primary 原值） */
  --seal:#B84A31;           /* 朱印 */
  --on-seal:#FFF4EC;        /* 朱印上的字 */

  /* ── 深底 [web]（2026-09-06 合併 bridge/band 為一階） ── */
  --deep:#301619;           /* 墨橋：近黑帶酒紅底蘊 */
  --bridge:var(--deep);     /* 相容別名：style-v2 血統舊頁 */
  --band:var(--deep);       /* 相容別名：同上 */
  --band-bright:#F6EBE4;    /* 深底字階：標題 */
  --band-mid:#D3B7AC;       /* 內文 */
  --band-mut:#A98E85;       /* 次要 */
  --band-faint:#7E675F;     /* 註腳 */
  --band-link:#DE9070;      /* 連結 */

  /* ── 純黑上的字階 [deck]（deck 轉場頁；值承自 deck v1 deck.css） ── */
  --on-black:#FFFFFF;
  --on-black-mid:#CFCFCF;
  --on-black-sub:#B8B8B8;
  --on-black-mut:#8A8A8A;

  /* ── functional 層 [all]（染料化：降飽和 + 暖偏移，坐同一張紙） ── */
  --ok:#5C6B45;    --ok-bg:#E8E9D6;   --ok-line:#C3C9A8;    /* 苔橄欖 */
  --warn:#B27A22;  --warn-bg:#F5E7C7; --warn-line:#E0C489;  /* 琥珀赭（kraft 家族） */
  --err:#B23A28;   --err-bg:#F3DBD2;  --err-line:#E0B0A2;   /* 朱砂（比酒紅亮：訊號≠家具） */
  --info:#4A606A;  --info-bg:#E0E3E1; --info-line:#BFC6C1;  /* 黛青（2026-09-06 自藏青 #425C6E 暖化） */

  /* ── dataviz [all]（style-v2 原缺；全部重用語意色，只新增 --chart-4） ── */
  --chart-ink:var(--ink);
  --chart-1:var(--text);    /* 灰階序列：深 → 淺 */
  --chart-2:var(--muted);
  --chart-3:var(--faint);
  --chart-4:#D8CCBC;        /* ink 250：faint 與 hairline 之間 */
  --chart-hot:var(--terra); /* 焦點那一根。紀律：多數圖「灰階序列 + 一根焦點」兩色封頂 */
  --cat-1:var(--terra);     /* categorical（少用，真的多類別才動用） */
  --cat-2:var(--info);
  --cat-3:var(--warn);
  --cat-4:var(--ok);
  --cat-5:var(--muted);

  /* ── 字體家族 [all] ── */
  --serif:'LXGW Bright TC','Noto Serif TC',serif;
  --sans:'Noto Sans TC',-apple-system,'PingFang TC',sans-serif;
  --mono:'JetBrains Mono','SF Mono',Menlo,monospace;
  --brand:'Space Grotesk','Noto Sans TC',sans-serif;   /* 只給 wordmark CONFLUENCE.、deck 轉場英數、deck eyebrow（2026-09-10） */

  /* ── 字重 [all]（600 禁用，見標頭） ── */
  --w-serif:300;            /* serif 大標（≥ 40px：h1 / page-title / article-title）300，細明體識別 */
  --w-serif-sub:400;        /* serif 小標（≤ 28px：person-name / article h2 / case-title）400，300 在小字級太細（線上站原設計，audit R2 F18 A 案 2026-09-06） */
  --w-body:400;
  --w-medium:500;
  --w-bold:700;
  --w-display:900;          /* deck 粗黑大字；用到時 Noto Sans TC 要匯入 900 */
  --site-w-title:400;       /* [site] 線上站 serif 標題一律 400（2026-10-01 作者看 1440／1920 實測：300 筆畫太細、文楷的特徵顯不出來）。比照 --deck-w-heading：載體自己的活口，--w-serif 300 不動 */

  /* ── 字級 [web]（2026-09-21 新增：web 原本一階都沒有，style.css 散著 37 種 font-size 寫法；
       本階是從站上現行值收斂，非重新設計 → 既有頁面遷移過來視覺不變。
       clamp(最小, 視窗比例, 最大)：手機取最小、桌機取最大。deck 的固定 px 階見 --deck-t-*。） ── */
  --t-display:clamp(34px,5.2vw,64px);   /* 首頁 hero h1 */
  --t-h1:clamp(30px,4.2vw,52px);        /* 內頁大標 .page-title */
  --t-h2:clamp(26px,3.1vw,40px);        /* 長文標題 .article-title */
  --t-h3:clamp(21px,2.2vw,28px);        /* 區塊標題 .article h2 / .person-name */
  --t-h4:clamp(18px,1.7vw,22px);        /* 次標 .article h3 / wordmark .mark */
  --t-body:clamp(16px,1.2vw,18px);      /* 內文 */
  --t-report-body:clamp(18px,1.25vw,20px); /* 報告／HTML 頁內文（artifact、分析頁、review-ui）：比網站內文大一階，長時間閱讀用；表格與小字用 em 跟著放大（2026-09-29） */
  --t-small:clamp(14px,1.35vw,15px);    /* 小字：表格、bio、摘要 */
  --t-label:clamp(12px,1.2vw,13px);     /* 標籤：eyebrow / kicker / section-label，配 tracking */
  --site-t-body:clamp(17px,1.25vw,19px);  /* [site] 線上站內文：1080 寬 17px、1440 寬 18px、1520 以上 19px；≥1800 由 site.css 再放大。--t-body（16–18）留給其他 [web] 載體 */
  --site-t-label:clamp(14px,1.05vw,15px); /* [site] 線上站標籤：eyebrow / kicker / section-label / dt。--t-label（12–13）留給其他 [web] 載體 */
  --t-nav:15px;                         /* 導覽與工具列：框架不是內容，不隨視窗縮放（窄螢幕 520px 斷點改換行） */

  /* ── 間距 [all]（7 階，承自 deck v1） ── */
  --space-2xs:8px; --space-xs:14px; --space-sm:22px; --space-md:38px;
  --space-lg:60px; --space-xl:92px; --space-2xl:120px;

  /* ── 形狀 [web]（deck 另見 --deck-radius） ── */
  --radius-none:0;
  --radius-xs:3px;          /* 朱印 */
  --radius-sm:4px;          /* 照片 / tag */
  --radius-md:6px;          /* 卡片（style-v2 .card / .vcell / .article-card） */
  --radius-lg:10px;         /* alert */
  --radius-pill:9999px;     /* 按鈕 */
  --rule:2px;               /* 粗線 */
  --hairline-w:1px;         /* 細線寬 */

  /* ── 深度 [all]：hairline 取代陰影，明文 no-shadow；唯一例外見 --shadow-badge ── */
  --shadow:none;
  --shadow-badge:0 1px 4px rgba(36,27,24,.18);   /* 線上站 .cert-corner 圓形徽章專用，不得外溢 */

  /* ── 互動狀態 [web] ── */
  --focus-ring:var(--terra);
  --focus-ring-w:2px;
  --focus-offset:3px;
  --disabled-opacity:.45;

  /* ── 網格 ── */
  --wrap:1200px;            /* [web] 內容最大寬 */
  --pad-x:40px;             /* [web] 左右內距 */
  --measure:34em;           /* [web] 內文行寬上限 */
  --deck-w:1920px;          /* [deck] */
  --deck-h:1080px;          /* [deck] */
  --deck-frame:var(--paper);   /* [deck] 舞台外框預設色：視窗比例和 16:9 不合時露出的邊；deck.js 翻頁時改成目前這頁的底色（2026-10-01） */
  --deck-hud-h:52px;           /* [deck] 底部控制列高度；控制列浮在舞台上、閒置自動隱藏，不再讓出高度（2026-10-01） */

  /* ── 動效 [web]（2026-09-06 新定，非收斂自 style-v2；style-v2 reveal 為 .7s (.2,.6,.2,1)） ── */
  --dur-fast:.15s;
  --dur:.22s;
  --dur-slow:.5s;
  --ease:cubic-bezier(.2,.7,.2,1);


/* ══════════════════════════════════════════════════════════
   COMPONENT — 元件層，只引用 Semantic
   ══════════════════════════════════════════════════════════ */

  /* ── 疏排（editorial 語彙） [all] ── */
  --tracking-eyebrow:.42em;
  --tracking-seclabel:.34em;
  --tracking-vlabel:.55em;
  --tracking-body:.04em;
  --site-tracking-eyebrow:.3em;    /* [site] 標籤放大到 14–15px 後字距收一階（原 .42em 每個字是孤立的） */
  --site-tracking-seclabel:.26em;  /* [site] 同上（原 .34em）；deck 的 --deck-eyebrow-tracking 仍引用 --tracking-seclabel，不受影響 */

  /* ── 按鈕 [web]（規則見 previews/components/button.html：明確 line-height、透明邊框基準、border-box、min-width） ── */
  --btn-primary-bg:var(--primary);
  --btn-primary-bg-hover:var(--primary-deep);
  --btn-primary-fg:var(--on-primary);
  --btn-outline-line:var(--ink);
  --btn-radius:var(--radius-pill);

  /* ── 連結 ── */
  --link:var(--terra);              /* [all] */
  --link-on-deep:var(--band-link);  /* [web] 深底限網站 */

  /* ── 資料表 [web]（2026-09-21）：欄標題（thead th）專用。
       原用 --faint 2.43:1 低於 WCAG AA；中途改 --muted 仍比內文 --text 淡，表頭還是輸給內文。
       定案＝「小而深 + 結構線」：字級降一階到 --t-label、字距拉開、顏色與內文同深（--ink），
       靠標籤語彙（同站上 eyebrow / section-label）而非靠淡化來區隔，再加一條 --rule 收住表頭。
       ⚠️ 不適用 .spec 那種「左欄列標籤」的表：那種 th 靠位置就分得出來，維持 --faint。 ── */
  --table-th-color:var(--ink);
  --table-th-weight:var(--w-medium);
  --table-th-size:var(--t-small);   /* 與內文同字級：層級改由 --ink + 500 + 字距 + --rule 承擔（2026-09-21 作者看版後從 --t-label 上調一階） */
  --table-th-tracking:.14em;
  --table-rule:var(--ink);        /* 表頭與內文之間的分隔線，寬度用 --rule */

  /* ── 警示 [web] ── */
  --alert-radius:var(--radius-lg);

  /* ── 朱印 [all]（規則見 previews/editorial/seal.html：外層 grid 置中、內層才直排、min-size 可長） ── */
  --seal-bg:var(--seal);
  --seal-fg:var(--on-seal);
  --seal-size:46px;
  --seal-radius:var(--radius-xs);

  /* ── Deck [deck]（2026-09-06 定案 A 案：內頁暖米紙 + LXGW 中文標題；轉場頁維持純黑 + Space Grotesk） ── */
  --deck-bg:var(--paper);
  --deck-fg:var(--text);
  --deck-heading:var(--ink);
  --deck-heading-font:var(--serif);
  --deck-w-heading:var(--w-serif-sub);  /* 內頁標題 400：2026-09-10 兩份 deck（holtek 9/16、studio-a d2 9/11）投影實測都選 400，回寫 SoT；300 只留封面 */
  --deck-w-cover:var(--w-serif);        /* 封面大標 300（細明體識別） */
  --deck-eyebrow-font:var(--brand);     /* deck eyebrow：Space Grotesk 700 terra（2026-09-10 取代 mono muted；web eyebrow 不變） */
  --deck-eyebrow-color:var(--terra);
  --deck-eyebrow-tracking:var(--tracking-seclabel);   /* .34em 預設 */
  --deck-eyebrow-tracking-long:.16em;                  /* 眉標 > 20 字時用 .eyebrow.long，否則撞版心右緣 */
  --deck-accent:var(--terra);
  --deck-section-bg:var(--black);
  --deck-section-fg:var(--on-black);
  --deck-section-body:var(--on-black-mid);
  --deck-section-sub:var(--on-black-sub);
  --deck-section-mut:var(--on-black-mut);
  --deck-section-accent:var(--terra);
  --deck-section-font:var(--brand);        /* 轉場頁編號（英數）：Space Grotesk 700 */
  --deck-section-title-font:var(--sans);   /* 轉場頁標題（中文）：Noto Sans TC 900，字重不隨文字系統跳（audit R2 F17③） */
  --deck-radius:var(--radius-none);  /* 銳利無圓角 */
  --deck-min-font:22px;              /* 最小字，投影鐵律 */
  --deck-pad-x:120px;
  --deck-pad-y:88px;
  --deck-t-display:120px;            /* deck type scale（1920×1080，承自 claude-design tokens） */
  --deck-t-section:104px;            /* 轉場頁標題（Noto Sans 900）：holtek 與 d2 兩份 deck 實測同值 */
  --deck-t-stat:200px;
  --deck-t-h1:76px;
  --deck-t-h1-sm:64px;               /* 長標題頁的 h1（holtek 40 頁實測），介於 h1 / h2 */
  --deck-t-h2:52px;
  --deck-t-h3:44px;                  /* 卡片主詞／agenda 標題 */
  --deck-t-body:28px;
  --deck-t-caption:22px;
  --deck-t-eyebrow:22px;
}