/* 必迪亞後台：首頁配色 1c「深綠外框」。
   深綠結構、米白工作面、白色卡片與橘色重點；文字及狀態採較深色以維持可讀性。 */
:root {
  /* ---- 品牌（導覽欄與主要按鈕專用） ---- */
  --emerald: #147A5C;
  --emerald-deep: #0E5C45;
  --emerald-light: #3FA985;
  --on-emerald: #FFFFFF;
  --on-emerald-2: #E4F1EC;      /* 綠底上的次要文字，對比 4.6 以上 */

  /* ---- 米白工作面與墨綠文字 ---- */
  --cream: #FBF6EE;             /* 米白工作面 */
  --paper: #FFFFFF;             /* 表格、輸入框等較亮的紙面 */
  --sand: #F1EADE;              /* 表頭、區塊淡底 */
  --white: #FFFFFF;
  --ink: #1E2B26;               /* 墨綠 */
  --muted: #59695F;             /* 次要文字 */
  --meta-warm: #59695F;         /* 頁首等貼著帳紙的次要文字：暖灰，避免偏藍 */
  --muted-2: #617168;           /* 停用、placeholder（仍 ≥4.5） */

  /* ---- 朱批（短缺、逾期、負數、批註） ---- */
  --vermilion: #BD3D2E;
  --vermilion-tint: #FBE9E4;
  --vermilion-rule: #E5DCCB;    /* 表格分隔線 */
  --coral: #FF7A45;             /* 品牌橘：重點操作與導覽選取 */
  --coral-tint: #FFE7DC;
  --info: #256A9E;

  /* ---- 狀態 ---- */
  --order-pending: #617168;
  --order-progress: #256A9E;
  --order-done: #16794A;
  --stock-ok: #16794A;
  --stock-low: #91600D;
  --stock-out: var(--vermilion);
  --due-ok: #16794A;
  --due-soon: #91600D;
  --due-over: var(--vermilion);

  /* ---- 語意別名 ---- */
  --page-bg: var(--cream);
  --surface-card: var(--paper);
  --surface-block: var(--sand);
  --surface-row-zebra: var(--sand);
  --surface-row-selected: var(--coral-tint);
  --surface-nav: var(--emerald);
  --surface-sidebar: var(--emerald-deep);
  --text-body: var(--ink);
  --text-secondary: var(--muted);
  --text-disabled: var(--muted-2);
  --text-on-emerald: var(--on-emerald);
  --text-on-coral: var(--ink);
  --accent-cta: var(--coral);
  --border-hairline: #E5DCCB;   /* 細分隔線 */
  --rule-line: #E5DCCB;         /* 區塊細框 */
  --border-strong: #869288;     /* 控制項邊框：白底3.24、米白底3.01 */
  --rule-ink: var(--ink);       /* 表頭、合計線 */
  --focus-ring: #147A5C;
  --table-head: #E9F2EE;
  --sidebar-rule: rgb(255 255 255 / .14);
  --sidebar-badge: rgb(255 255 255 / .16);
  --coral-hover: #F56B35;
}

:root {
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 20px;
  --space-8: 24px;
  --space-9: 32px;
  --space-10: 48px;

  /* 後台 · 效率優先 */
  --dense-row-h: 40px;
  --dense-cell-x: 10px;
  --dense-control-h: 36px;
  --dense-gap: var(--space-4);
  --dense-card-pad: var(--space-5);

  /* 前台 · 清晰優先 */
  --comfy-row-h: 56px;
  --comfy-control-h: 48px;   /* tap target ≥ 44px */
  --comfy-gap: var(--space-6);
  --comfy-card-pad: var(--space-7);

  /* 依首頁配色 1c：6px 控制項、8px 卡片、12px 工作面板 */
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-card-comfy: 8px;
  --radius-pill: 999px;
  --radius-slide: 12px;

  --sidebar-w: 240px;
  --topbar-h: 52px;
}

:root {
  --font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --font-num: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;

  /* 四階字級：頁面標題 → 區塊標題 → 內文 → 說明 */
  --text-page-title: 22px;
  --text-section-title: 16px;
  --text-body-size: 14px;
  --text-caption: 12px;

  --text-page-title-dense: 22px;
  --text-body-dense: 14px;
  --text-figure: 30px;          /* 首頁卡片數字 */

  --leading-body: 1.65;
  --leading-tight: 1.35;
  --leading-loose: 1.7;
  --tracking-cjk: 0;
}

/* 數字：等寬、右對齊；負數與短缺以朱紅呈現 */
.erp-num,
.erp-money,
.num {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1;
  text-align: right;
}
.is-negative,
.is-short,
.is-overdue { color: var(--vermilion); }

:root {
  /* 卡片以細框區分；只有浮出的選單與抽屜有柔和陰影 */
  --shadow-none: none;
  --shadow-card: none;
  --shadow-card-comfy: none;
  --shadow-overlay: 0 6px 18px rgba(27, 36, 51, 0.16);
  --shadow-focus: 0 0 0 2px rgba(20, 122, 92, 0.2);
}