/* 督督设计令牌 · 全站单一真相源（2026-07-21 王争要求「登录页与工作台风格统一」后抽出）
 *
 * 为什么单独一个文件：此前令牌只写在 ddu-theme.css 里，而 auth/login.html、auth/password.html
 * 各自重定义了一套**不同值**的中性色（--bg #eef1f6 / --text-1 #0f172a / --border #e5e7eb），
 * 导致"登录页和工作台像两个产品"，且以后调主题时 auth 页不会跟着变、只会越来越割裂。
 *
 * 用法：
 *   - 工作台：ddu-theme.css 顶部 @import 本文件（模板只需引 ddu-theme.css，无需改动）
 *   - auth 页：模板里 <link href="/static/dashboard/ddu-tokens.css"> 后再写自己的版式样式
 *   - 改配色 = 只改本文件，全站生效（H-16 配置化精神）
 *
 * 不引入 CSS 框架（H-5：不引入前端框架）
 */

:root {
  /* ── 中性色（2026-07-21 暖化）──
     依据：业务系统员工每天盯 8 小时，微暖中性比冷灰更耐看不易疲劳。
     原冷灰值：bg #F7F8FA · surface-alt #FAFBFC · border #EAECEF · border-strong #D5D9DF
              text-1 #0B1220 · text-2 #475569 · text-3 #8B95A7 */
  --bg: #F6F5F2;
  --surface: #FFFFFF;
  --surface-alt: #FAF9F6;
  --border: #E6E3DD;
  --border-strong: #D3CFC7;
  --text-1: #14201A;
  --text-2: #4A5550;
  --text-3: #626B64;   /* 三级文字在 --surface / --bg 上均达到 4.5:1 */

  /* ── UI 强调色 ── */
  --accent-navy: #0F2942;
  --accent-blue: #2461E8;
  --accent-gold: #B08850;

  /* ── 品牌色（Strong Magnets / 湖南强磁工贸）──
     2026-06-17 王争定：电光蓝为主，浅蓝渐变，橙作能量点缀（原暖珊瑚方案被否：与督督蓝调割裂）。
     此前只写在 auth/login.html 与 auth/password.html 各自的 <style> 里，现集中于此。 */
  --brand: #2B2BF0;         /* 电光蓝（品牌主色） */
  --brand-deep: #0C0C5E;    /* 深蓝（渐变远端） */
  --brand-light: #5B7CFF;   /* 浅蓝 */
  --brand-orange: #FF5A2C;  /* 橙（能量点缀） */

  /* ── 语义色（功能优先，不随审美调整）── */
  --success: #047857;
  --success-bg: #ECFDF5;
  --warning: #B45309;
  --warning-bg: #FFFBEB;
  --danger: #B91C1C;
  --danger-bg: #FEF2F2;
  --info-bg: #EFF6FF;

  /* ── 阴影（收敛）：卡片主要靠 1px 描边分层，阴影只做极轻"离地感"，
     真正的浮层（弹窗/下拉/登录卡）才用 md/lg。投影色用暖墨 rgba(20,32,26)。 ── */
  --shadow-sm: 0 1px 2px rgba(20, 32, 26, 0.03);
  --shadow-md: 0 4px 12px -4px rgba(20, 32, 26, 0.07);
  --shadow-lg: 0 12px 32px -8px rgba(20, 32, 26, 0.10);

  /* ── 圆角 ── */
  --radius: 12px;      /* 原 10px */
  --radius-sm: 8px;    /* 原 6px */

  /* ── 字体、间距与外壳尺寸 ── */
  --font-body: 14px;
  --font-caption: 13px;
  --font-title: 22px;
  --font-section: 16px;
  --font-kpi: 24px;
  --font-badge: 12px;
  --line-body: 1.5;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  --control-height: 40px;
  --control-height-mobile: 44px;
  --icon-target: 44px;
  --topbar-height: 56px;
  --sidebar-width: 220px;
  --sidebar-drawer-width: 260px;
  --page-padding: 24px;
  --page-padding-mobile-x: 12px;
  --page-padding-mobile-y: 16px;
  --card-padding: 16px;
  --card-padding-mobile: 12px;
}
