/* 听令 · 唯一一份配色（纸墨）：App、首页、使用指南都用它
   外观：html.light / html.dark 是当前实际模式（页面开头的脚本按 tlAppearance 定好：跟随系统 / 浅色 / 深色，默认跟随系统）
   在 App「我的 → 外观」里换别的配色时，覆盖的也是这些变量（tlThemeCss），首页、使用指南同样跟着换 */
:root {
  --bg: #1c1b19; --side: #171614; --card: #262420; --card-2: #2f2c28;
  --label: #ece5d6; --label-2: #b9b09f; --label-3: #857d6f;
  --sep: rgba(236,229,214,.10); --fill: rgba(236,229,214,.07); --fill-2: rgba(236,229,214,.12);
  --accent: #ece5d6; --on-accent: #1c1b19; --link: #ece5d6; /* 能点的字（编辑、邀请老师、再来一次…）= 正文的墨色：简约，不用金色 */
  --green: #a9b665; --orange: #e78a4e; --red: #ea6962; --info: #7daea3;
  --bar: rgba(28,27,25,.86); --seg-on: #3d3934; --shadow: 0 10px 40px rgba(0,0,0,.35);
  --board: #2f3d33; --board-2: #25302a; --frame: #5a524c;
  --seal: #c9553f; --on-seal: #f6efe2;
  color-scheme: dark;
}
:root.light {
  --bg: #f4efe4; --side: #ebe4d5; --card: #fbf8f1; --card-2: #f0e9dc;
  --label: #1f1d1a; --label-2: #5d574d; --label-3: #9c9484;
  --sep: rgba(31,29,26,.10); --fill: rgba(31,29,26,.05); --fill-2: rgba(31,29,26,.09);
  --accent: #1f1d1a; --on-accent: #f4efe4; --link: #1f1d1a;
  --green: #79740e; --orange: #af3a03; --red: #9d0006; --info: #076678;
  --bar: rgba(244,239,228,.88); --seg-on: #fbf8f1; --shadow: 0 10px 40px rgba(31,29,26,.16);
  --board: #33443a; --board-2: #28352d; --frame: #a89984;
  --seal: #b33a2b; --on-seal: #f6efe2;
  color-scheme: light;
}
/* 输入框：全站只用这一种底色（平时一层淡墨，点进去再深一点），不加边框、不加分割线
   用半透明叠在背景上，换别的配色时也自然跟着走 */
:root { --field: rgba(236,229,214,.06); --field-on: rgba(236,229,214,.10); }
:root.light { --field: rgba(110,85,40,.065); --field-on: rgba(110,85,40,.11); }
/* 首页、使用指南沿用的旧名字：都指向上面这一份 */
:root { --ink: var(--label); --ink-2: var(--label-2); --ink-3: var(--label-3); --line: var(--fill-2); --line-2: var(--sep);
  --wall: var(--side); --btn: var(--label); --btn-ink: var(--bg); }
html { background: var(--bg); }