/* ==========================================================================
   設計代幣（Design Tokens）
   來源：地端生成式 AI 平台 設計圖 01_G01 / 02_G02（1586×992）
   所有色值皆自原圖取樣，未經調整。
   ========================================================================== */

:root {
  /* --- 品牌與主色 --------------------------------------------------- */
  --c-navy: #011422;          /* G01 左側深色面板 */
  --c-navy-topbar: #02141B;   /* G02 頂欄 */
  --c-rail: #0A2026;          /* G02 左側圖示導覽列 */
  --c-rail-active: #113438;   /* 導覽列選中項底色 */

  --c-teal-900: #00414A;
  --c-teal-800: #005A66;      /* G01 主要按鈕填色 */
  --c-teal-700: #015C67;      /* 焦點外框 */
  --c-teal-600: #067975;      /* G02 主要圖示／數字 */
  --c-teal-500: #097D7E;
  --c-teal-400: #2E9A96;
  --c-teal-100: #DCEDEC;
  --c-teal-050: #F2F9F9;      /* 淺青底 */

  /* --- 中性 --------------------------------------------------------- */
  --c-cream: #F9F6F1;         /* G01 登入卡片底 */
  --c-page: #FDFAF6;          /* G02 頁面底 */
  --c-surface: #FEFBF7;       /* 卡片底 */
  --c-surface-2: #FCF9F4;
  --c-border: #E5E3DF;        /* 卡片外框 */
  --c-border-soft: #EFEDE9;
  --c-divider: #DCDBDA;

  --c-ink: #121313;           /* 主要文字 */
  --c-ink-2: #2B3A40;
  --c-muted: #617A83;         /* 次要文字 */
  --c-muted-2: #8A9AA1;
  --c-on-dark: #FFFFFF;
  --c-on-dark-muted: #9FB3BC;

  /* --- 狀態 --------------------------------------------------------- */
  --c-success: #20945E;
  --c-success-2: #418B67;
  --c-success-bg: #F3F8EB;
  --c-amber: #D68908;         /* 風險：中 */
  --c-amber-2: #D38306;
  --c-amber-bg: #FEF9F1;
  --c-danger: #C04210;        /* 風險：高 */

  /* --- 字體 --------------------------------------------------------- */
  --font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei",
               "Heiti TC", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* --- 間距（8px 基準） --------------------------------------------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* --- 圓角 --------------------------------------------------------- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* --- 陰影（原圖陰影極淡，僅卡片邊緣） ----------------------------- */
  --shadow-card: 0 1px 2px rgba(17, 24, 28, 0.04);
  --shadow-raised: 0 8px 28px rgba(1, 20, 34, 0.16);

  /* --- 版面尺寸（依 1440px 桌機基準換算，原圖 1586 × 0.908） -------- */
  --topbar-h: 66px;
  --rail-w: 84px;
  --sidebar-w: 310px;
  --content-max: 1440px;
}