/* ==========================================================================
 * @arko/design-tokens — LEATHER 視覺 design tokens（OKLCH，CSS-only）
 *
 * 單一真實來源（SSOT）。供 apps/open（前台）與 apps/admin（後台）共用，
 * 取代舊 Open repo 中 public/styles.css 與 admin/src/styles.css 各自複製、
 * 已漂移的兩份 :root。
 *
 * 取捨（見 WP-05-tokens 報告）：
 *  - 以前台 public/styles.css 為基底（較完整：多 --panel-hi/--stage-off/
 *    --accent/[data-thread] 覆寫、字體 fallback 較齊）。
 *  - 補入後台獨有的 --surface-2。
 *  - 兩份漂移的命名「雙邊皆定義」，任一 app 既有 class 都解析得到：
 *      字體：--display-font（前台）＝ --font-display（後台別名）
 *      嚴重度 canonical 採 v8 enum 命名（critical/significant/moderate/minor），
 *      並保留前台的 --sev-high/-medium/-low 為別名。
 *  - 值（oklch）兩份完全一致，無色彩漂移。
 *
 * 注意：--thread 車縫線效果本身（outline: dashed + 負 offset）是各 app 的
 * class 寫法，不在 token 內；本檔只提供色彩/字體變數。
 * ========================================================================== */

:root {
  /* ── 皮革底色系 ────────────────────────────────────────── */
  --leather: oklch(0.205 0.012 40);
  --leather-hi: oklch(0.255 0.016 45);
  --leather-lo: oklch(0.145 0.010 38);
  --panel: oklch(0.235 0.015 42);
  --panel-hi: oklch(0.275 0.016 44);

  /* ── 文字 ──────────────────────────────────────────────── */
  --fg-strong: oklch(0.96 0.008 60);
  --fg: oklch(0.86 0.010 55);
  --muted: oklch(0.66 0.014 50);

  /* ── 車縫線（可切白／紅），預設米白 ─────────────────────── */
  --thread: oklch(0.95 0.01 80);

  /* ── 紅色主調 ──────────────────────────────────────────── */
  --red: oklch(0.58 0.19 27);
  --red-bright: oklch(0.64 0.20 28);

  /* ── 嚴重度（canonical 採 v8 Severity enum 命名） ────────── */
  --sev-critical: oklch(0.60 0.20 25);
  --sev-significant: oklch(0.70 0.16 55);
  --sev-moderate: oklch(0.82 0.13 92);
  --sev-minor: oklch(0.74 0.10 155);
  /* 前台舊命名別名（back-compat） */
  --sev-high: var(--sev-significant);
  --sev-medium: var(--sev-moderate);
  --sev-low: var(--sev-minor);

  /* ── 控制措施（綠色語意，調成與皮革底協調） ───────────── */
  --accent-control: oklch(0.74 0.11 158);
  --control-bg: oklch(0.30 0.04 160);
  --control-border: oklch(0.40 0.05 160);

  /* ── 字體 ──────────────────────────────────────────────── */
  --display-font: 'Noto Serif TC', 'Songti TC', serif;
  --font-display: var(--display-font); /* 後台舊命名別名 */
  --font-sans: 'Noto Sans TC', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── 相容別名（沿用既有 class 的 token 名） ──────────────── */
  --bg: var(--leather);
  --surface: var(--panel);
  --surface-2: var(--leather-lo);
  --text: var(--fg);
  --text-soft: var(--muted);
  --text-faint: oklch(0.56 0.014 50);
  --border: var(--leather-hi);
  --border-soft: oklch(0.235 0.014 44);
  --accent: var(--red);
  --accent-risk: var(--red);
  --accent-weak: color-mix(in oklch, var(--red) 22%, var(--leather-lo));
  --stage-off: var(--leather-hi);
}

/* 車縫線切換為紅線 */
[data-thread="red"] {
  --thread: oklch(0.62 0.20 28);
}