/* 挖煤办设计系统 tokens（VE 定稿版, 2026-09-11）
   规格:《挖煤办-首页UI实现说明.md》§1 + 《挖煤办-设计系统.md》修订表。
   所有新界面一律引用这些变量, 不允许出现裸 hex。
   深色模式本期不实现: 文末强制覆盖 legacy 的 dark 值, 全站先锁浅色。 */
:root {
  /* 底色与容器 */
  --bg:            #D8DDDF;
  --surface:       #FFFFFF;
  --surface-sunk:  #F1F4F5;

  /* 文字 */
  --text:          #152023;
  --text-2:        #5F6E72;
  --text-3:        #8A9498;

  /* 重点色（孔雀蓝绿） */
  --accent:        #0A6570;
  --accent-lite:   #10909C;
  --aqua:          #72C7D8;

  /* 逾期（石榴红） */
  --danger:        #9E2E3C;
  --danger-soft:   #8E4550;
  --danger-line:   #C0838B;

  /* 分隔与描边 */
  --line:          rgba(22, 42, 50, 0.09);
  --box-line:      #B9C4C7;

  /* 阴影用色: 必须带蓝, 禁止纯黑 */
  --shadow-rgb:    22, 42, 50;

  /* 等宽: 所有纯数字和日期 */
  --mono: Menlo, ui-monospace, SFMono-Regular, monospace;  /* Menlo 的 0 没有斜杠 */

  /* ---- 旧页面桥接: legacy --color-* 全部指向新 token ---- */
  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-text: var(--text);
  --color-text-muted: var(--text-2);
  --color-border: var(--box-line);
  --color-primary: var(--accent);
  --color-primary-contrast: #ffffff;
  --color-error: var(--danger);
  --card-shadow: 0 1px 2px rgba(var(--shadow-rgb), .05), 0 2px 8px rgba(var(--shadow-rgb), .04);
}

/* 深色模式本期不做: 把 legacy 的 dark 覆盖压回浅色, 避免半黑半白 */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: var(--bg);
    --color-surface: var(--surface);
    --color-text: var(--text);
    --color-text-muted: var(--text-2);
    --color-border: var(--box-line);
    --color-primary: var(--accent);
    --color-primary-contrast: #ffffff;
    --color-error: var(--danger);
    --card-shadow: 0 1px 2px rgba(var(--shadow-rgb), .05), 0 2px 8px rgba(var(--shadow-rgb), .04);
  }
}