/* ============================================================
   UI 设计系统 · Design Tokens
   全局统一的值定义，禁止在页面 <style> 中硬编码这些值。
   详见 project_memory/05-参考手册/UI设计系统规范.md
   ============================================================ */
:root {
    /* 字号阶梯（基线 14px）
       xs/sm = 辅助说明、角标、次要文本
       base = 正文/表单/modal 正文（基线）
       md   = 强调文本（如 GPU 序号）
       lg   = 卡片标题等小标题
       title= 页面大标题 */
    --ds-font-xs: 12px;
    --ds-font-sm: 13px;
    --ds-font-base: 14px;
    --ds-font-md: 15px;
    --ds-font-lg: 16px;
    --ds-font-title: 18px;
    --ds-font-metric: 22px;  /* 统计卡片大数字 */
    --ds-font-kpi: 30px;     /* 看板 KPI 大数字 */

    /* 颜色 */
    --ds-bg-filter-bar: #f8f9fa;
    --ds-border-filter-bar: #e9ecef;
    --ds-text-label: #555;
    --ds-text-secondary: #6c757d;
    --ds-primary: #007bff;
    --ds-indigo: #6366f1;
    --ds-ink-strong: #0f172a;   /* 强对比正文/数字 */
    --ds-surface-sunken: #f8fafc; /* 下沉底色（表头/轨道/KPI 轨道） */

    /* 圆角 */
    --ds-radius-sm: 6px;
    --ds-radius-md: 8px;
    --ds-radius-lg: 12px;
    --ds-radius-pill: 50px;

    /* 阴影 */
    --ds-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.04);

    /* 间距 */
    --ds-gap-xs: 4px;
    --ds-gap-sm: 8px;
    --ds-gap-md: 12px;
    --ds-gap-lg: 20px;

    /* ============================================================
       登录页（学生 / 教师）· 见 DESIGN.md
       与后台 --ds-* 并存，互不覆盖。
       ============================================================ */
    --ds-login-bg: #e4eefb;
    --ds-login-card: #ffffff;

    --ds-login-ink: #0a2540;
    --ds-login-ink-2: #3f5670;
    --ds-login-ink-3: #64788f;
    --ds-login-ink-4: #566b82;
    --ds-login-placeholder: #6f8299;

    --ds-login-line: rgba(10, 37, 64, 0.10);
    --ds-login-border: #cfdcea;
    --ds-login-border-strong: #d3e2f2;

    --ds-login-action: #0069d9;
    --ds-login-action-hover: #0062cc;
    --ds-login-focus: #007bff;
    --ds-login-accent-ink: #a8641a;
    --ds-login-danger: #c0392b;

    --ds-login-control-h: 46px;
    --ds-login-submit-h: 50px;
    --ds-login-card-w: 408px;
    --ds-login-radius: 10px;
    --ds-login-radius-card: 16px;
}