/**
 * 设计 token。取值直接来自设计稿 教师助手·PC工作台.dc.html 的 <helmet><style>，
 * 与小程序端 apps/mini-app/app.wxss 同源（主色 #0f6f7a 那一套）。
 * 页面和组件只消费变量，不再写死颜色。
 */
:root {
  /* 底色与表面 */
  --bg: #f2f5f5;
  --surface: #ffffff;
  --surface-sunken: #fbfdfd;
  --zebra: #f8fbfb;

  /* 文字：带一点青绿倾向的中性色，不用纯灰 */
  --ink: #122a29;
  --ink-2: #47605e;
  --muted: #667c7b;
  --muted-2: #9ab0ae;

  /* 描边：低透明度发丝级 */
  --line: rgba(18, 42, 41, 0.06);
  --line-2: rgba(18, 42, 41, 0.08);
  --line-3: rgba(18, 42, 41, 0.12);
  --line-strong: rgba(18, 42, 41, 0.14);

  /* 品牌 */
  --accent: #0f6f7a;
  --accent-dark: #0b585f;
  --accent-bg: #eff7f7;

  /* 语义 */
  --neutral-bg: #edf1f1;
  --warn-bg: #fdefec;
  --warn: #b3401f;
  --warn-soft: #fdf8ef;
  --ok-bg: #ecf6ef;
  --ok: #1e7a43;

  /* 层次 */
  --e1: 0 1px 3px rgba(18, 42, 41, 0.06), 0 4px 16px rgba(18, 42, 41, 0.05);
  --e2: 0 4px 12px rgba(18, 42, 41, 0.08), 0 12px 32px rgba(18, 42, 41, 0.08);
  --e-accent: 0 1px 2px rgba(11, 88, 95, 0.25);

  /* 圆角：同心 */
  --r-card: 18px;
  --r-btn: 12px;
  --r-inner: 10px;
  --r-pill: 999px;

  /* 动效 */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur: 0.16s;

  /* 布局 */
  --side-w: 216px;

  /* ── 间距刻度 ──────────────────────────────────────
     四的倍数。写死 13px、17px 这种数是页面之间对不齐的头号原因。 */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;

  /* ── 表格密度 ──────────────────────────────────────
     46 行是这个产品的常态。行高 34px 时 1440×800 一屏能看到 19 行，
     压到 30px 是 22 行 —— 再压字就挤了，这一档是权衡下来的底。
     「翻一屏才能看完全班」和「翻两屏」的差别，在期末连着干两小时时是实打实的。 */
  --row-h: 30px;
  --row-pad-y: 5px;
  --row-pad-x: 12px;
  --cell-font: 13px;

  /* 主内容区左右留白。表格页要贴边一点，把宽度还给列 */
  --gutter: 24px;
}