/* ============================================================
   Confluence 匯流顧問 — Design Tokens  v1.0.0
   Language: editorial (SO NICE discipline) — 純白 · 近黑 · 巨大留白 · 粗黑大字 · 銳利線 · 一 accent
   Accent : terracotta 赭橘（暖色 accent，一區一次）
   Type   : Space Grotesk + Noto Sans TC 900 + JetBrains Mono（no serif）
   換掉本檔的變數 = 換品牌皮，styles.css 不用動。
   ============================================================ */
:root{
  /* ---------- COLOR ---------- */
  --bg:#FFFFFF;        /* pure white — 永遠大面積留白 (≥40%) */
  --ink:#111111;       /* 近黑 — 標題 / 2px 線 / 內文強調 */
  --body:#3A3A3A;      /* 內文 */
  --muted:#8A8A8A;     /* 標籤 / 註解 / 次要 */
  --hair:#E5E5E5;      /* 淺分隔線 (1px) */

  /* accent — terracotta 赭橘。紀律：一區只出現一次。 */
  --accent:#C15F3C;      /* solid 填色 / 按鈕 / 資料 highlight — 深一階赭紅，白字讀得清 */
  --accent-deep:#A34D2F; /* hover / pressed */
  --accent-br:#CC785C;   /* 亮 accent＝淺赭橘，深底上的小點綴 */
  --clay:#CC785C;        /* 淺赭橘備用（＝accent-br；目前未使用） */

  /* data-viz 色板（deck / 報告用）：中性 ink ramp + 一根 terracotta highlight */
  --chart-ink:#111111;
  --chart-1:#3A3A3A; --chart-2:#6E6E6E; --chart-3:#A8A8A8; --chart-4:#D6D6D6;
  --chart-hot:#C15F3C;
  /* Tier 2 分析型：焦點＝terracotta；多數圖「灰階背景序列 + 焦點橘」兩色封頂。
     真的需要多類別（少見）才動用這組克制的 categorical： */
  --cat-1:#C15F3C; --cat-2:#2F6E70; --cat-3:#B08A3E; --cat-4:#5A5A5A; --cat-5:#9A9A9A;

  /* ---------- TYPE ---------- */
  --sans:"Space Grotesk","Noto Sans TC","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --w-display:900; --w-heading:900; --w-strong:700; --w-body:400;

  /* type scale (desktop px) */
  --t-display:104px; --t-stat:150px; --t-h1:62px; --t-h2:52px; --t-h3:30px;
  --t-lead:20px; --t-body:17px; --t-label:12px;
  --tracking-tight:-2px; --tracking-label:3px;

  /* ---------- SPACING ---------- (種子 spec 之前缺這層，這裡補上) */
  --space-2xs:8px; --space-xs:14px; --space-sm:22px; --space-md:38px;
  --space-lg:60px; --space-xl:92px; --space-2xl:120px;
  --pad-x:40px; --wrap:1200px;

  /* ---------- SHAPE ---------- */
  --radius:0px;      /* 銳利 / 近方，不用圓角 */
  --rule:2px;        /* 粗黑線 */
  --hairline:1px;    /* 淺分隔 */
}
