/* 設計 token */
:root {
  --color-primary: #1f2d3d;
  --color-danger: #b71c1c;
  --color-text-dark: #1f2d3d;
  --color-text-muted: #777;
  --color-surface: #fff;
  --color-surface-muted: #f5f7f9;
  --color-border-light: #e3e7ec;
  --color-link: #1f2d3d;
  --color-hint-info: #5d6875;
  --color-hint-success: #008000;
  /* 「AI 資料」來源標籤 */
  --color-ai-tag-bg: #dcecf0;
  --color-ai-tag-border: #b7d6df;
  /* 設備清單匯入的設備列：列首色條、「已連動」標籤 */
  --color-equipment-row: #5d6875;
  --color-equipment-linked: #2e7d32;
  /* 物件管理頁：從 Telegram 機器人連結進來時標示剛加入的那一列 */
  --color-row-added: #fff4d6;
  /* 詢價資料檢核：待補登（警示）與資料完整 */
  --color-warning-bg: #fff3e0;
  --color-warning-border: #f5b971;
  --color-warning-text: #b45309;
  --color-success-bg: #e8f5e9;
  --color-success-border: #a5d6a7;
  --color-success-text: #1b5e20;
  /* 供貨狀態徽章：現貨、預購、停產 */
  --color-supply-in-stock: #2e7d32;
  --color-supply-preorder: #e08a00;
  --color-supply-discontinued: #8a8a8a;

  /* 改版色系（業主介面視覺案例第 3～5 頁）：白底為主、極淺灰交替區、髮絲分隔線；主要動作深藍灰，海藍只做強調（連結、眉標、選中） */
  --color-sea-900: #08384a;
  --color-sea-700: #0e5a73;
  --color-sea-500: #2a8aa5;
  --color-sea-100: #dcecf0;
  --color-surface-alt: #f5f7f9;
  --color-gray-100: #eef1f4;
  --color-line: #e3e7ec;
  --color-line-strong: #cbd2da;
  --color-ink: #1f2d3d;
  --color-ink-strong: #121c27;
  --color-ink-muted: #5d6875;

  --color-black: #000;
  --color-white: #fff;
  --color-neutral-900: #171717;
  --color-neutral-800: #313131;
  --color-neutral-700: #363636;
  --color-neutral-600: #555;
  --color-neutral-500: #808080;
  --color-neutral-300: #a0a0a0;
  --color-neutral-200: #e9edf1;
  --color-neutral-100: #e3e7ec;
  --color-error: #f00;
  --color-overlay-light: rgba(255, 255, 255, 0.5);
  --color-overlay-faint: rgba(255, 255, 255, 0.2);
  --color-overlay-soft: rgba(255, 255, 255, 0.3);
  --color-overlay-dim: rgba(0, 0, 0, 0.5);
  --color-field-dark: rgba(137, 137, 137, 0.9);
  --color-social-facebook: #4267b2;
  --color-social-line: #00c200;
  --color-social-google: #dc4e41;

  --font-family-base: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-3xl: 48px;
  --font-size-4xl: 56px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height-body: 1.5;
  --line-height-heading: 1.3;
  --line-height-base: 2.5;
  /* 眉標的大寫字距、頁尾欄標題字距、大標題的微收字距 */
  --letter-spacing-eyebrow: 0.16em;
  --letter-spacing-caps: 0.08em;
  --letter-spacing-tight: -0.01em;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-gutter: 15px;
  --space-indent: 30px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --radius-round: 50%;

  --shadow-card: 0 1px 2px rgba(18, 28, 39, 0.04), 0 8px 24px rgba(18, 28, 39, 0.06);
  /* 輸入框聚焦的淡海藍外光 */
  --shadow-focus: 0 0 0 3px #dcecf0;
  --shadow-card-hover: 0 2px 4px rgba(18, 28, 39, 0.06), 0 16px 32px rgba(18, 28, 39, 0.1);
  --color-overlay-glass: rgba(255, 255, 255, 0.14);

  --shadow-drawer: inset 3px 2px 38px #dbdbdb;
  --shadow-dropdown: 0 6px 18px rgba(0, 0, 0, 0.18);
  --shadow-text-hero: 2px 2px 4px #000;

  --z-side-menu: 100;
  --z-side-menu-toggle: 101;
  --z-drawer-backdrop: 105;
  --z-drawer: 110;
  /* 篩選列的下拉選單：蓋過下方商品卡片，低於固定頁首與左側選單 */
  --z-dropdown: 50;
  /* 卡片內疊在其他元素上的小控制項（商品卡的勾選框） */
  --z-raised: 1;
  --z-spinner: 1040;
  /* 頁面內的浮動說明面板（物件資料夾頁的備註、說明）：高於固定頁首與左側選單開關鈕，低於手機選單的遮罩 */
  --z-popover: 102;

  /* AQUA DATA 形象頁浮動光圈的光暈與暗角 */
  --shadow-aqua-glow: 0 0 40px var(--color-white);
  --shadow-aqua-vignette: 0 0 100px 100px var(--color-black) inset;
}