/*
 * CW.EMIS 設計 Token
 *
 * 預定位置：src/CW.EMIS/wwwroot/css/cw_tokens.css
 * 預定載入：layout.html 於 cw_1.0.css 之前載入
 *
 * 來源：本檔的 --dash-* 變數原封不動取自
 *   wwwroot/css/areas/CWAdmins/Home/Index.css（首頁 Dashboard）。
 * 該組色票原本只作用於首頁，此處提升為全站可用，供模組 5~11 使用。
 * 未新增任何色票。
 *
 * 衍生的 --cw-* 變數是把既有做法命名化：
 *   班別／狀態色塊 = 原色文字 + 同色 12% 透明底，
 *   作法與 Dashboard 的 .stat-green .stat-icon 完全相同。
 *
 * 使用規則：
 *   - 新頁面一律引用變數，不得散落硬編色碼。
 *   - 既有 cw_1.0.css 的 --main-color 等變數維持不動，避免影響既有 13 個頁面。
 *   - 本檔只定義變數，不含任何選擇器樣式。
 */

:root {
    /* ===== 語意色（取自 Dashboard，未修改） ===== */
    --dash-green: #2e9e5b;      /* 成功／正常／已核准 */
    --dash-blue: #2f6fb3;       /* 主要／資訊／可點 */
    --dash-yellow: #d99e2b;     /* 警示／處理中／待簽核 */
    --dash-red: #c9403a;        /* 異常／危險／退回 */

    /* ===== 表面與文字（取自 Dashboard，未修改） ===== */
    --dash-card-bg: #ffffff;    /* 卡片／表格／Modal 底 */
    --dash-border: #e3e6ea;     /* 1px 邊框、分隔線 */
    --dash-text: #1D2D44;       /* 主文字、數值 */
    --dash-muted: #7b8794;      /* 弱文字：標籤、表頭、註記 */
    --dash-grid: #eef1f4;       /* 頁面底、表頭底、hover 列、圖表格線 */

    /* ===== 語意色的淺底（12~14% 透明，沿用 Dashboard 圖示框做法） ===== */
    --cw-green-bg: rgba(46, 158, 91, .12);
    --cw-blue-bg: rgba(47, 111, 179, .12);
    --cw-yellow-bg: rgba(217, 158, 43, .14);
    --cw-red-bg: rgba(201, 64, 58, .12);
    --cw-text-bg: rgba(29, 45, 68, .10);

    /* ===== 字體 =====
       既有 cw_1.0.css 為 font-family: serif。
       數值欄位需要 font-variant-numeric: tabular-nums 對齊，
       襯線體下無法正確對齊，故模組 5~11 的新頁面使用系統字。
       既有頁面不受影響。 */
    --cw-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                    "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;

    /* ===== 字級（取自 Dashboard 實際使用值） ===== */
    --cw-fs-page-title: 20px;   /* 頁標題 */
    --cw-fs-card-title: 15px;   /* 卡片標題，= .chart-title */
    --cw-fs-value: 26px;        /* 統計數值，= .stat-value */
    --cw-fs-body: 14px;         /* 內文 */
    --cw-fs-table: 13px;        /* 表格內文，= .stat-label */
    --cw-fs-label: 12px;        /* 標籤、註記，= .chart-note */
    --cw-fs-tiny: 10px;         /* 輔助文字：星期、職級 */

    /* ===== 字重 ===== */
    --cw-fw-normal: 400;
    --cw-fw-semibold: 600;      /* 標題、表頭、班別色塊 */
    --cw-fw-bold: 700;          /* 統計數值，= .stat-value */

    /* ===== 間距 ===== */
    --cw-sp-1: 4px;
    --cw-sp-2: 8px;
    --cw-sp-3: 12px;
    --cw-sp-4: 14px;            /* Dashboard 卡片 gap 與 row 間距 */
    --cw-sp-5: 16px;            /* 卡片上下內距 */
    --cw-sp-6: 18px;            /* 卡片左右內距 */

    /* ===== 圓角（取自 Dashboard） ===== */
    --cw-radius-sm: 4px;        /* 表格、輸入框、色塊 */
    --cw-radius-md: 6px;        /* 卡片、按鈕 */
    --cw-radius-lg: 8px;        /* 圖示框 */

    /* ===== 過渡 ===== */
    --cw-transition: .12s ease;
}