/* 配色和字体变量。亮色在上，暗色在下。 */

:root{
  --paper:#FBF7F2; --sheet:#FFFDFA; --card:#FFFFFF;
  --ink:#12343B; --ink-2:#42595E; --ink-3:#7C8D90;
  --line:#E5DED3; --line-soft:#F1ECE4;
  --accent:#C93A45; --accent-ink:#9E2731; --accent-soft:#FBE1E2; --on-accent:#FFFFFF;
  --chili:#E8505B; --chili-soft:#FBE1E2;
  --gold:#FFC93C; --gold-soft:#FFF0C7; --on-gold:#3A2A00;
  --go:#1E8C86; --go-soft:#D6EFEC; --bad:#C23B22; --bad-soft:#FBE3D9;
  --brand-bubble:#12343B; --brand-inner:#FFFFFF; --brand-accent:#E8505B; --brand-sun:#FFC93C;
  --shadow:0 1px 2px rgba(18,52,59,.06),0 6px 18px rgba(18,52,59,.08);
  --shadow-up:0 -1px 0 var(--line),0 -8px 24px rgba(18,52,59,.08);
  --f-ms:'Fraunces','Noto Serif SC',Georgia,serif;
  --f-head:'Noto Serif SC','Fraunces',Georgia,serif;
  --f-body:'Noto Sans SC',system-ui,-apple-system,'Segoe UI',sans-serif;
  --max:1400px; --gutter:24px;
  --r:18px; --r-sm:12px;
  --bar-h:64px; --safe-b:env(safe-area-inset-bottom,0px); --safe-t:env(safe-area-inset-top,0px);
}
html[data-mode="dark"]{
  --paper:#0E1F23; --sheet:#13282D; --card:#183138;
  --ink:#EAF4F3; --ink-2:#B9CDCB; --ink-3:#7F9896;
  --line:#28434A; --line-soft:#1F383E;
  --accent:#FF7A82; --accent-ink:#FFA8AE; --accent-soft:#3D2529; --on-accent:#2A0A0D;
  --chili:#FF7A82; --chili-soft:#3D2529;
  --gold:#FFC93C; --gold-soft:#3A3014; --on-gold:#1F1700;
  --go:#4FD1C5; --go-soft:#15403C; --bad:#FF8F73; --bad-soft:#3A241C;
  --brand-bubble:#28434A;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.28);
  --shadow-up:0 -1px 0 var(--line),0 -8px 24px rgba(0,0,0,.3);
  color-scheme:dark;
}