/* tokens.css — TY 零售 ERP 官方 Design Tokens(SSOT)
 * B5(2026-07-17)。文件見 docs/design/design-system.md。
 * 本檔只准有一個 :root{} 變數宣告,唔准加任何 selector 規則 —— 加咗就會改到畫面,
 * 而本檔嘅前提正正係「載入後零視覺影響」,由各頁 CSS / 皮膚檔自行 var() 引用。
 * 既有 6 個皮膚檔(themes/classic/*.css)成書於本檔之前,各自揀色,未遷移(已知技術債,漸進處理)。
 */
:root {
  /* ── 色彩(16)── 對比數字 = 對白字;規範見 design-system.md §1 */
  --ty-color-primary: #1b4965;      /* 主藍;白字 9.60 ✅ */
  --ty-color-primary-600: #163d54;  /* hover / active 深階 */
  --ty-color-primary-700: #10303f;  /* 按下 */
  --ty-color-primary-soft: #e7eff5; /* 淡底 */
  --ty-color-accent: #b07d2b;       /* 銅金;白字 3.61 ❌ —— 限邊框 / 飾條 / 大字,禁做白字底 */
  --ty-color-success: #2f7d57;      /* 白字 5.01 ✅ */
  --ty-color-danger: #c0433a;       /* 白字 5.12 ✅ */
  --ty-color-warning: #b45309;      /* 白字 5.02 ✅ */
  --ty-color-ink: #1e2a35;          /* 正文;白底 14.61 ✅ */
  --ty-color-ink-soft: #5b6673;     /* 次要正文;白底 5.84 ✅ */
  --ty-color-muted: #6b7688;        /* 輔助字;白底 4.59 ✅,但頁底 4.05 ❌ —— 只可放 surface 之上 */
  --ty-color-border: #d8dfe6;
  --ty-color-border-soft: #e7ecf3;
  --ty-color-surface: #ffffff;      /* 卡片底 */
  --ty-color-surface-2: #f7f9fb;    /* 次級面(zebra / 表頭)*/
  --ty-color-page: #eef1f5;         /* 頁面底 */

  /* ── 圓角(2)── */
  --ty-radius: .55rem;              /* 卡片、面板、對話框 */
  --ty-radius-sm: .4rem;            /* 按鈕、標籤、輸入框 */

  /* ── 陰影(4)── 一律藍灰 rgba(16,32,48,…);死黑陰影會令白卡片睇落污糟 */
  /* ⚠️ rgba() 逐字照 spec 寫,唔准加空格美化 —— Task 2 / Task 3 嘅一致性檢查係字串比對 */
  --ty-shadow-sm: 0 1px 2px rgba(16,32,48,.08);
  --ty-shadow: 0 1px 2px rgba(16,32,48,.06), 0 6px 18px rgba(16,32,48,.07);
  --ty-shadow-lg: 0 18px 44px rgba(16,32,48,.18);
  --ty-shadow-focus: 0 0 0 .2rem rgba(27,73,101,.28);  /* 27,73,101 = #1b4965 */

  /* ── 字體家族(1)── 繁中字體明確排前;字級 / 字重刻意唔出 token,見 design-system.md §2 */
  --ty-font-sans: "Segoe UI", "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", system-ui, sans-serif;
}