/* ==========================================================
 * OmniPOS Design Tokens — 全域主題（唯一來源）
 * ----------------------------------------------------------
 * 規則：
 * 1. 所有顏色只在這裡定義。頁面、Tailwind config、主題展示頁都引用這裡，不寫死色碼。
 * 2. 顏色存成「R G B」三個數字（不是 #hex），Tailwind 才能用透明度寫法（bg-primary/10）。
 * 3. 命名沿用 Material 3（primary、surface-container…），和設計工具產出的 class 一致。
 * 4. 數值以「設計稿/1 POS主頁.html」為準。
 * ========================================================== */

:root {
  /* ---------- 品牌色 Primary（磚橘） ---------- */
  --c-primary: 171 53 0;                  /* #AB3500 主按鈕底色，白字對比 6.5:1 */
  --c-on-primary: 255 255 255;            /* #FFFFFF */
  --c-primary-container: 255 107 53;      /* #FF6B35 品牌橘：按鈕 hover、大字強調；白字對比僅 2.8:1，不放小字 */
  --c-on-primary-container: 95 25 0;      /* #5F1900 */
  --c-primary-fixed: 255 219 208;         /* #FFDBD0 淡橘底（已選選項） */
  --c-primary-fixed-dim: 255 181 157;     /* #FFB59D */
  --c-on-primary-fixed: 57 12 0;          /* #390C00 */
  --c-on-primary-fixed-variant: 131 38 0; /* #832600 淡橘底上的文字 */
  --c-inverse-primary: 255 181 157;       /* #FFB59D */
  --c-surface-tint: 171 53 0;             /* #AB3500 */

  /* ---------- 次要色 Secondary（琥珀）：客製化、待處理、警示 ---------- */
  --c-secondary: 134 83 0;                /* #865300 客製化選項文字 */
  --c-on-secondary: 255 255 255;
  --c-secondary-container: 254 161 0;     /* #FEA100 */
  --c-on-secondary-container: 102 62 0;   /* #663E00 */
  --c-secondary-fixed: 255 221 185;       /* #FFDDB9 */
  --c-secondary-fixed-dim: 255 185 98;    /* #FFB962 */
  --c-on-secondary-fixed: 43 23 0;        /* #2B1700 */
  --c-on-secondary-fixed-variant: 102 62 0;

  /* ---------- 第三色 Tertiary（綠）：成功、已出餐、連線正常 ---------- */
  --c-tertiary: 0 108 73;                 /* #006C49 */
  --c-on-tertiary: 255 255 255;
  --c-tertiary-container: 0 175 121;      /* #00AF79 */
  --c-on-tertiary-container: 0 58 37;     /* #003A25 */
  --c-tertiary-fixed: 111 251 190;        /* #6FFBBE */
  --c-tertiary-fixed-dim: 78 222 163;     /* #4EDEA3 */
  --c-on-tertiary-fixed: 0 33 19;         /* #002113 */
  --c-on-tertiary-fixed-variant: 0 82 54; /* #005236 */

  /* ---------- 錯誤 Error（紅）：售完、超時、刪除 ---------- */
  --c-error: 186 26 26;                   /* #BA1A1A */
  --c-on-error: 255 255 255;
  --c-error-container: 255 218 214;       /* #FFDAD6 */
  --c-on-error-container: 147 0 10;       /* #93000A */

  /* ---------- 底色 Surface ---------- */
  --c-background: 248 249 255;            /* #F8F9FF */
  --c-on-background: 18 28 42;            /* #121C2A */
  --c-surface: 248 249 255;               /* #F8F9FF App 底色 */
  --c-surface-bright: 248 249 255;
  --c-surface-dim: 208 219 237;           /* #D0DBED */
  --c-surface-container-lowest: 255 255 255; /* #FFFFFF 卡片 */
  --c-surface-container-low: 239 244 255; /* #EFF4FF */
  --c-surface-container: 230 238 255;     /* #E6EEFF 輸入框、次要按鈕 */
  --c-surface-container-high: 222 233 252;   /* #DEE9FC */
  --c-surface-container-highest: 217 227 246;/* #D9E3F6 */
  --c-surface-variant: 217 227 246;       /* #D9E3F6 */
  --c-on-surface: 18 28 42;               /* #121C2A 主要文字 */
  --c-on-surface-variant: 89 65 57;       /* #594139 次要文字 */
  --c-inverse-surface: 39 49 63;          /* #27313F 深色底（toast、桌號） */
  --c-inverse-on-surface: 234 241 255;    /* #EAF1FF */
  --c-outline: 141 113 104;               /* #8D7168 淡文字、時間戳 */
  --c-outline-variant: 225 191 181;       /* #E1BFB5 邊框 */

  /* ---------- 字型 ---------- */
  /* Plus Jakarta Sans 沒有中文字：中文依序使用 iPad 蘋方、Noto、Windows 微軟正黑 */
  --font-sans: "Plus Jakarta Sans", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;

  /* ---------- 陰影 ---------- */
  --shadow-card: 0 4px 16px -2px rgba(255, 107, 53, 0.06), 0 2px 6px -1px rgba(31, 41, 55, 0.04);
  --shadow-modal: 0 20px 32px -8px rgba(31, 41, 55, 0.16);

  /* ---------- 觸控與字級下限 ---------- */
  --touch-min: 44px;   /* 所有可點元件最小尺寸 */
  --cta-height: 56px;  /* 結帳等主要按鈕高度 */
  --font-min: 12px;    /* POS 最小字級 */
}