/* tokens.css — 設計 token（E1_SPEC §5）
   設計方向：C 現代精簡為基底 + 稽核員端吸收 B 現場化
   所有文字色對白底皆通過 WCAG AA ≥4.5:1（部分數值已較 E1_SPEC 草稿加深以達標） */
:root {
  /* C 基底：品牌與中性色 */
  --brand: #4f46e5;          /* 靛藍主色 */
  --brand-strong: #3730a3;   /* 深靛藍（hover / 標題） */
  --brand-soft: #eef0fe;     /* 靛藍極淺底 */

  --ink: #1a2530;            /* 主要文字（對白底 ~15:1） */
  --ink-2: #48586a;          /* 次要文字（對白底 ~6:1） */
  --ink-3: #5b6977;          /* 輔助文字（對白底 ~5.6:1，較草稿 #6b7b8a 加深以達 AA） */
  --ink-on-brand: #ffffff;   /* 品牌底上的文字 */

  --bg: #f4f6f8;             /* 頁面底 */
  --surface: #ffffff;        /* 卡片 / 表面 */
  --line: #dde3e9;           /* 分隔線 / 邊框 */

  /* 稽核判定號誌色（B 現場化；文字色皆已加深至對白底 ≥4.5:1） */
  /* 對比註記皆為「文字色 vs 自身 soft 底」（badge 情境，較 vs 白底更嚴苛），全數 ≥4.5:1 */
  --pass: #1f7a44;    --pass-soft: #e6f4ec;      /* 合格（綠，on soft ~4.7:1） */
  --advise: #825400;  --advise-soft: #fcf3e0;    /* 輔導改善（琥珀，加深至 on soft ~5.9:1） */
  --limit: #a54d1b;   --limit-soft: #fbeadf;     /* 限期改善（橙，加深至 on soft ~4.95:1） */
  --fail: #c02626;    --fail-soft: #fdeaea;      /* 不合格（紅，on soft ~5.2:1） */
  --offline: #b3541e;                            /* 離線狀態帶 */

  /* 尺寸系統 */
  --tap: 48px;               /* 稽核員端最小觸控目標 */
  --radius: 12px;
  --radius-sm: 8px;
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-5: 24px; --sp-6: 32px;
  --fs-1: 13px; --fs-2: 15px; --fs-3: 17px;
  --fs-4: 20px; --fs-5: 26px; --fs-6: 34px;

  --shadow-1: 0 1px 2px rgba(26, 37, 48, .06), 0 1px 3px rgba(26, 37, 48, .08);
  --shadow-2: 0 4px 12px rgba(26, 37, 48, .10);
}