/* ============================================================
   Slice 1 统一设计 token（教师侧）
   来源契约：task/2026-09-20_Slice1设计token与公共交互层.md §4/§5
   映射依据：task/2026-09-20_Slice1_token映射表.md
   规则：
   1) 旧体系已有变量的语义一律 var() 指向（--miku-* 系与 --bg-color/--card-bg/--text-main/--text-sub），
      不重写旧变量、不改其取值，旧页面视觉零回归；
   2) 教师页没有变量化的语义（success/warning/danger/info/disabled/line 等），
      按"页内最高频既有字面值"收敛，字面值只允许出现在本文件（映射表 U-03/U-05 登记）；
   3) 组件样式 common.css 只允许引用 var(--dui-*)，禁止十六进制字面值；
   4) 本文件由 Slice 2 起的教师页接入（<link> 引入），接入前对页面零影响。
   ============================================================ */

:root {
  /* ---- 品牌 / 底色 / 文字：指向页面既有变量 ---- */
  --dui-primary: var(--miku-green);
  --dui-primary-deep: var(--miku-dark);
  --dui-on-primary: var(--card-bg);
  --dui-bg: var(--bg-color);
  --dui-card: var(--card-bg);
  --dui-text: var(--text-main);
  --dui-text-sub: var(--text-sub);

  /* ---- 语义色：页内最高频既有字面值收敛（无旧变量可指，见映射表 U-03） ---- */
  --dui-success: #27ae60;   /* btn-confirm / badge-confirmed / 加载成功点 */
  --dui-warning: #e67e22;   /* badge-pending / balance-low（加载点 #f39c12 未收敛，U-05） */
  --dui-danger: #e74c3c;    /* delete-btn / btn-cancel / badge-cancelled */
  --dui-info: #4267a9;      /* 学科范围徽标 .daily-task-scope.subject-view（U-05） */
  --dui-disabled: #95a5a6;  /* 已下架边框 / 默认状态点 */
  --dui-line: #e8efee;      /* 页内卡片/工具条边框最高频值 */
  --dui-line-strong: #dfe8e7; /* 表单/表格边框（比 --dui-line 略深） */
  --dui-surface: var(--card-bg);
  --dui-on-solid: var(--card-bg); /* 深色/实色底上的文字与图标 */
  --dui-media-bg: #000000;  /* 视频、音频波形等媒体底 */
  --dui-surface-sub: #f8fbfa; /* 次级面板底（工具条/商品卡/悬停行） */
  --dui-neutral-surface: #edf2f7;
  --dui-neutral-text: #4a5568;

  /* ---- 状态色对：底/字/线成组，页面只引用语义名，不写字面值 ---- */
  --dui-success-surface: #e8f6ef;
  --dui-success-text: #1e8e63;
  --dui-warning-surface: #fdf6ef;
  --dui-warning-text: #b3541e;
  --dui-warning-line: #ffd4a3;
  --dui-danger-surface: #fdf1f0;
  --dui-danger-text: #c0392b;
  --dui-danger-line: #f0d4d4;
  --dui-info-surface: #eaf2ff;
  --dui-info-text: #2a5db0;
  --dui-info-line: #64b5ff;
  --dui-brand-surface: #e6f8f5;
  --dui-brand-text: #126b65;
  --dui-brand-line: #58c9bf;

  /* ---- 阴影与焦点（对齐页内既有量级） ---- */
  --dui-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);
  --dui-focus-ring: 0 0 0 3px rgba(57, 197, 187, 0.14);
  --dui-overlay-bg: rgba(0, 0, 0, 0.4);

  /* ---- 密度：教师侧 10px 圆角 / 44px 控件高（总任务书 §6.1） ---- */
  --dui-radius-card: 10px;
  --dui-radius-control: 10px;
  --dui-control-h: 44px;

  /* ---- 间距：4px 基线 ---- */
  --dui-sp-1: 4px;
  --dui-sp-2: 8px;
  --dui-sp-3: 12px;
  --dui-sp-4: 16px;
  --dui-sp-5: 20px;
  --dui-sp-6: 24px;
  --dui-sp-7: 32px;

  /* ---- 字号：教师正文 14 / 辅助 12 / 弹窗标题 18 ---- */
  --dui-font-body: 14px;
  --dui-font-sub: 12px;
  --dui-font-title: 18px;

  /* ---- 弹窗尺寸（总任务书 §6.1；与旧弹窗 520px 的关系见映射表 U-06） ---- */
  --dui-modal-w: min(640px, calc(100vw - 32px));
  --dui-modal-maxh: calc(100dvh - 32px);

  /* ---- 层级：高于教师页既有弹窗 z-index:1000，共存期不互相压盖 ---- */
  --dui-z-modal: 2000;
  --dui-z-toast: 2100;
}