/* ==========================================================
   霸总请你背单词 · 设计令牌
   纸感暖调（light） / 午夜烛光（dark）
   ========================================================== */
:root {
  --font-ui: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
  --font-kai: "Kaiti SC", "STKaiti", "KaiTi", "KaiTi_GB2312", serif;
  --font-en: Georgia, "Times New Roman", "Songti SC", serif;

  --reader-scale: 1;
  --maxw: 760px;
  --sidebar-w: 296px;
  --topbar-h: 58px;
  --modebar-h: 46px;
  --radius: 18px;
  --ease: cubic-bezier(.22, .61, .36, 1);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4ede2;
  --bg-soft: #efe6d8;
  --paper: #fbf7ef;
  --paper-2: #f7f0e4;
  --ink: #2c2521;
  --ink-2: #5d5147;
  --muted: #8b7d70;
  --line: #e2d6c5;
  --line-soft: rgba(95, 72, 52, .10);
  --accent: #9c3d50;
  --accent-2: #c99a4b;
  --accent-soft: #f3d9df;
  --word: #7e2f45;
  --word-bg: #f7dfe6;
  --word-line: #d9a3b2;
  --word-hover: #f2ccd8;
  --green: #3f7a5c;
  --green-bg: #e2f0e7;
  --green-line: #a9cfba;
  --blank-bg: #f1e8d9;
  --shadow: 0 24px 60px rgba(92, 63, 38, .10), 0 2px 10px rgba(92, 63, 38, .06);
  --header-bg: rgba(247, 241, 232, .88);
  --scrim: rgba(32, 24, 20, .38);
  --highlight: #f5e3b8;
  --quote: #8a5a3c;
  --gold-soft: rgba(201, 154, 75, .16);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #15110f;
  --bg-soft: #1c1714;
  --paper: #201a17;
  --paper-2: #261f1b;
  --ink: #f2e8dd;
  --ink-2: #d3c5b8;
  --muted: #9c8d80;
  --line: #3a302a;
  --line-soft: rgba(255, 230, 205, .08);
  --accent: #e29aab;
  --accent-2: #d8b06a;
  --accent-soft: #3a232a;
  --word: #f0b8c6;
  --word-bg: #3b252c;
  --word-line: #8d5666;
  --word-hover: #4a2d36;
  --green: #8fd0ab;
  --green-bg: #1f352a;
  --green-line: #416a54;
  --blank-bg: #2a231d;
  --shadow: 0 24px 60px rgba(0, 0, 0, .40), 0 2px 10px rgba(0, 0, 0, .25);
  --header-bg: rgba(21, 17, 15, .88);
  --scrim: rgba(0, 0, 0, .58);
  --highlight: #4a3a1e;
  --quote: #d8b58e;
  --gold-soft: rgba(216, 176, 106, .14);
}