/*
 * 假門測試監控後臺 — Design Tokens
 * 來源：design-admin/Design Tokens.dc.html
 *
 * 深色為唯一主色調，不做主題切換。
 * 延續既有假門網站（projects/car-pledge-check）的 Linear 風格色票錨點
 * （#010102 / #ededf1 / #5e6ad2），其餘為本後臺補齊的語意化命名。
 *
 * 此檔為後臺專用契約：admin/ 下所有頁面以 <link> 直接引用，無建置步驟。
 */

:root {
  /* ===== 色票 Color ===== */

  /* 背景層級 Surface */
  --bg-base: #010102;       /* 頁面底 */
  --bg-surface: #0d0e12;    /* 卡片 / 表格底 */
  --bg-elevated: #14161c;   /* 抽屜 / 浮層 */
  --bg-hover: #1a1d25;      /* 列 / 卡片 hover */
  --bg-inverse: #ededf1;    /* 既有淺色底（本後臺不用，保留供未來對照） */

  /* 邊框與文字 Border / Text */
  --border-subtle: #1f2028;   /* 分隔線 */
  --border-default: #2a2c36; /* 輸入框 / hover 邊 */
  --text-primary: #f7f8f8;   /* 標題 / 數字 */
  --text-secondary: #8a8f98; /* 說明 / 欄位標籤 */
  --text-tertiary: #62666d;  /* slug / 無資料「—」 */

  /* 語意色 Semantic */
  --brand: #5e6ad2;                    /* 進度、focus、logo */
  --brand-hover: #7b86e2;              /* 互動加亮 */
  --brand-subtle: rgba(94, 106, 210, .18); /* 進度軌 / 標籤底 */
  --status-reached: #4cb782;           /* 已達標 */
  --status-warn: #f2c94c;              /* 樣本過少提醒 */
  --status-error: #eb5757;             /* 查詢失敗 */
  --status-idle: #4b4f58;              /* 尚未開始（灰，不用彩色） */

  /* ===== 間距階 Spacing（4px 基準） ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ===== 字級階 Typography =====
   * 值為 CSS font 簡寫格式 <size>/<line-height>，可直接用於：
   * font: <weight> var(--text-body) var(--font-sans);
   * 拉丁與數字用 --font-sans（Inter Tight 優先），繁中隨 fallback 至 Noto Sans TC。
   * 數值一律搭配 font-variant-numeric: tabular-nums 以便直式對齊。
   */
  --text-metric-xl: 40px/44px;
  --text-metric-lg: 28px/32px;
  --text-title: 20px/28px;
  --text-subtitle: 16px/24px;
  --text-body: 14px/21px;
  --text-small: 13px/20px;
  --text-caption: 12px/18px;
  --text-overline: 11px/16px;

  --font-sans: 'Inter Tight', 'Noto Sans TC', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* ===== 圓角與陰影 Radius / Shadow ===== */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, .55);
  --shadow-drawer: -16px 0 48px rgba(0, 0, 0, .7);

  /* ===== 版面骨架 Layout ===== */
  --sidebar-width: 232px;
  --header-height: 56px;
  --content-max: 1280px;
  --drawer-width: 560px;
  --row-height-compact: 40px;
  --row-height-comfy: 56px;
  --master-width: 296px;  /* 表單提交名單 · 方案 D 主從雙欄 · 左欄清單寬 */
  --pane-height: 340px;   /* 表單提交名單 · 雙欄固定高度，超過即左欄內部捲動 */
}