/* tokens.css — Super-Ops v2 設計 token（唯一真相源）
 * 品牌：深沉精工 × 霸氣沉穩。金色是點綴不是背景。
 * 禁令：大圓角(>12px)、霓虹色、粒子動畫、深藍紫 SaaS 套版。
 */
:root {
  /* 色彩 — 主體 */
  --bg: #141210;            /* 全站底：深木炭（偏暖黑，非純黑） */
  --surface: #1e1b17;       /* 卡片/面板 */
  --surface-2: #262219;     /* 抬升層（表頭、hover） */
  --line: #3a332a;          /* 分隔線 */

  /* 色彩 — 文字 */
  --ink: #ece5d8;           /* 主文字（暖白，對 --bg 對比 ~13:1） */
  --ink-2: #b0a692;         /* 次要文字（對 --surface ≥4.5:1） */
  --ink-num: #f5efe3;       /* 數字強調 */

  /* 色彩 — 品牌 */
  --gold: #c8901a;          /* 古銅金：KPI、當前導航、關鍵按鈕描邊 */
  --gold-dim: #8a6512;
  --red: #8b1a1a;           /* 霸虎紅：警示、刪除、紅燈 */
  --red-bright: #c73030;    /* 紅燈高亮（深底上可讀） */

  /* 色彩 — 功能語意 */
  --ok: #5f9b6d;            /* 正常/完成 */
  --warn: #d6a53a;          /* 注意 */
  --danger: var(--red-bright);
  --info: #6a8caa;

  /* 區塊識別色（沿用 v13 導航八色，v2 併為六包） */
  --c-pos: #A01818;
  --c-money: #d6a53a;
  --c-stock: #6a9b83;
  --c-people: #5982aa;
  --c-guest: #b9587a;
  --c-growth: #3e9598;

  /* 字型 */
  --font-display: 'Cinzel Decorative', serif;              /* 品牌標題限定 */
  --font-body: 'Noto Sans TC', -apple-system, sans-serif;  /* 中文正文 */
  --font-num: 'Inter', var(--font-body);                   /* 數字，恆搭 tabular-nums */

  /* 字級（數據密度高的工具型系統） */
  --fs-kpi: 2.25rem;    /* 儀表板 KPI 大字 */
  --fs-h1: 1.375rem;
  --fs-h2: 1.125rem;
  --fs-body: 0.9375rem; /* 15px 正文 */
  --fs-table: 0.875rem; /* 表格 14px */
  --fs-small: 0.8125rem;

  /* 間距（4 的倍數） */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-6: 24px; --sp-8: 32px;

  /* 圓角（上限 12px，禁大圓角） */
  --r-input: 6px;
  --r-card: 10px;
  --r-pill: 999px;  /* 僅限 tag/狀態膠囊 */

  /* 觸控（手機 POS） */
  --touch-min: 44px;

  /* z-index 語意階 */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-backdrop: 300;
  --z-modal: 400;
  --z-toast: 500;

  /* 動效 */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 120ms;
  --t-normal: 200ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-normal: 0ms; }
}