/* ============================================================
   dsn-tokens.css — Deseno 设计系统 · 唯一变量源
   提取依据：
   - 色彩：svg/ 全集 hex 频率统计 + png/ 像素采样（2026-06-12）
   - 圆角实测（1920 画布）：按钮 185x50 r=5（07-Buttons.svg path Q4.5/5）
     卡片 r=10（09-Sign In.svg 卡片 path Q9.75→10）
     复选框 28x28 r=4（07-Buttons.svg 28px path Q1.93→4 量级修正为 4）
   - 字号：设计稿 1920 → 后台 14px 基准，系数 x0.875 四舍五入
   规则：全站任何组件样式禁止硬编码色值/圆角/字号，一律引用本文件变量
   ============================================================ */

:root {
  /* ---- 背景 ---- */
  --dsn-bg-canvas: #232323;   /* 内容画布（页面工作区底） */
  --dsn-bg-surface: #303030;  /* 外壳/侧栏/卡片面 */
  --dsn-bg-raised: #3A3A3A;   /* 输入框底/浮起表面/tooltip */

  /* ---- 品牌金 ---- */
  --dsn-gold: #F4AA08;        /* 主按钮、激活态、tab 下划线、开关开 */
  --dsn-gold-press: #AE7800;  /* 按下/描边态 */
  --dsn-gold-bright: #FFB000; /* hover 提亮 */
  --dsn-gold-tint: #FFE1A0;   /* 浅金高亮 */

  /* ---- 辅助色 ---- */
  --dsn-blue: #068CFF;        /* 图表第一系列、次级强调 */
  --dsn-blue-bright: #5AB3FF;
  --dsn-pink: #EC407A;        /* 图表第三系列、错误/危险 */
  --dsn-pink-bright: #FF6FA3; /* 深底文字用提亮粉（2026-06-12 用户反馈暗底粉字不明显） */

  /* ---- 文字 ---- */
  --dsn-text-1: #FFFFFF;      /* 主文字/标题/表格数据 */
  --dsn-text-2: #B7B7B7;      /* 次文字/图例/默认图标 */
  --dsn-text-3: #6F6F6F;      /* 弱文字/占位/轴标签 */
  --dsn-text-disabled: #505050;
  --dsn-text-on-light: #414141; /* 浅底上的深字（注意：金色主按钮文字=白色，07-Buttons.svg 实测） */
  --dsn-text-soft: #E3E3E3;   /* 柔和白（设计稿标签用色） */

  /* ---- 线条 ---- */
  --dsn-border: #505050;      /* 输入框/按钮描边 */
  --dsn-divider: #414141;     /* 分割线/表格线/网格线 */

  /* ---- 状态色 ---- */
  /* 成功色：设计稿全集无绿色；2026-06-12 用户确认弃绿改用平台金 */
  --dsn-success: var(--dsn-gold);
  --dsn-warning: var(--dsn-gold);
  --dsn-danger: var(--dsn-pink);

  /* ---- 圆角（1920 实测原值，圆角不做缩放） ---- */
  --dsn-radius-btn: 5px;      /* 按钮 185x50 r5 实测 */
  --dsn-radius-input: 5px;    /* 输入框与按钮同档（设计稿暗场字段，延伸） */
  --dsn-radius-card: 10px;    /* Sign In 卡片 r10 实测 */
  --dsn-radius-check: 4px;    /* 复选框 28x28 r4 实测 */
  --dsn-radius-pill: 999px;   /* 徽章 pill */

  /* ---- 字号阶梯（x0.875 映射） ---- */
  --dsn-fs-caption: 12px;     /* 设计 13-14 */
  --dsn-fs-body: 14px;        /* 设计 15-16 */
  --dsn-fs-emphasis: 15px;    /* 设计 17-18 */
  --dsn-fs-card-title: 16px;  /* 设计 18-20 */
  --dsn-fs-section: 18px;     /* 设计 20-24 */
  --dsn-fs-page-title: 21px;  /* 设计 24 */
  --dsn-fs-stat: 24px;        /* 设计 28-30 统计大数字 */

  /* ---- 间距（4px 栅格） ---- */
  --dsn-sp-1: 4px;
  --dsn-sp-2: 8px;
  --dsn-sp-3: 12px;
  --dsn-sp-4: 16px;
  --dsn-sp-5: 24px;
  --dsn-sp-6: 32px;
  --dsn-card-pad: 20px;       /* 卡片内边距 */
  --dsn-card-gap: 16px;       /* 卡片间距 */
  --dsn-content-pad: 24px;    /* 内容区边距 */

  /* ---- 控件尺寸（1920 实测 x0.875） ---- */
  --dsn-ctl-h: 44px;          /* 按钮/输入框标准高（设计 50 x0.875≈44） */
  --dsn-ctl-h-sm: 30px;       /* 小按钮（表格行内） */

  /* ---- 阴影 ---- */
  --dsn-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.25);
  --dsn-shadow-overlay: 0 12px 40px rgba(0, 0, 0, 0.5);
  --dsn-focus-ring: 0 0 0 2px rgba(244, 170, 8, 0.35);

  /* ---- 图表（ECharts/peity 取值对照） ---- */
  --dsn-chart-1: #068CFF;
  --dsn-chart-2: #F4AA08;
  --dsn-chart-3: #EC407A;
  --dsn-chart-grid: #414141;
  --dsn-chart-label: #6F6F6F;
}