/*
  一节课 · 设计语言 v2 · tokens（DESIGN.md v2）
  展开式白色工作台：三层空间、一个当前对象、连续展开、一种强调色（墨青，只做老师的“指点”）。
*/

/* 阿里巴巴普惠体 3.0：2026-10-05 暂停加载。正式站大文件只有约 10KB/s，两款字体（约 17MB）首次打开会占满线路，
   登录确认等请求超时，平板出现“连接暂时不可用”。字体文件仍在 /fonts/，找到更快的分发方式后恢复这两行 @font-face。 */

:root {
  color-scheme: light;

  --env: #f3f4f6;
  --paper: #ffffff;
  --float: #ffffff;

  --ink: #1b1c20;
  --ink-2: #45474e;
  --muted: #6b6e76;
  --muted-on-env: #62656d;
  --faint: #a4a6ad;
  --line: #e7e8ec;
  --line-strong: #d9dbe0;
  --control: #f2f3f5;
  --control-hover: #e9eaed;
  --control-press: #e2e3e7;
  --danger: #a3392f;
  --danger-tint: #fbefed;

  --accent: #12756a;
  --accent-ink: #0d5e55;
  --accent-tint: #e6f2ef;
  --accent-soft: rgba(18, 117, 106, .14);
  --accent-ring: rgba(18, 117, 106, .28);
  /* 科目色（用户 10-31：只有墨青太单调）：只标科目，小圆点和选中的科目，不做大面积填充 */
  --s-math: #3f63b5; --s-math-tint: #e9eefa;
  --s-physics: #b9780f; --s-physics-tint: #fbf1dc;
  --s-chemistry: #12756a; --s-chemistry-tint: #e6f2ef;
  --s-biology: #55913a; --s-biology-tint: #edf5e6;
  --s-english: #c0506e; --s-english-tint: #fbeaef;
  --s-chinese: #7a5bb0; --s-chinese-tint: #f1ecf9;
  /* 学科图示的物质色：只在图里用，不当强调色 */
  --solution: #e4f0f7;
  --solution-line: #b9d3e4;
  --molten: #f6ebe1;
  --graphite: #4a4d55;
  --copper: #b8733f;
  --deposit: #8e939b;

  --font-system: -apple-system, "HarmonyOS Sans SC", "MiSans", "vivo Sans", "Noto Sans CJK SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font: "Alibaba PuHuiTi 3.0", var(--font-system);

  --t-display: 600 34px/1.3 var(--font);
  --t-title: 600 22px/1.4 var(--font);
  --t-heading: 600 17px/1.45 var(--font);
  --t-body: 400 16px/1.75 var(--font);
  --t-reading: 400 19px/1.8 var(--font);
  --t-control: 400 14px/1.4 var(--font);
  --t-caption: 400 13px/1.5 var(--font);

  --r-paper: 24px;
  --r-card: 22px;
  --r-float: 22px;
  --r-control: 14px;
  --r-chip: 10px;
  --r-pill: 999px;

  --sh-touch: 0 1px 2px rgba(20, 22, 28, .05);
  --sh-paper: 0 1px 2px rgba(20, 22, 28, .04), 0 8px 24px rgba(20, 22, 28, .05);
  --sh-paper-hover: 0 2px 4px rgba(20, 22, 28, .05), 0 14px 32px rgba(20, 22, 28, .08);
  --sh-float: 0 2px 6px rgba(20, 22, 28, .06), 0 22px 56px rgba(20, 22, 28, .14);

  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-space: cubic-bezier(.32, .72, 0, 1);
  --d-press: 120ms;
  --d-state: 180ms;
  --d-fade: 140ms;
  --d-space: 460ms;

  --touch: 48px;
  --rail: 68px;
}

:root[data-motion="reduced"] { --d-press: 0ms; --d-state: 0ms; --d-fade: 0ms; --d-space: 0ms; }
@media (prefers-reduced-motion: reduce) { :root { --d-press: 0ms; --d-state: 0ms; --d-fade: 0ms; --d-space: 0ms; } }