:root{
  color-scheme:dark;
  --ink:#05090b;
  --ink-2:#091013;
  --ink-3:#0e181b;
  --panel:#101a1d;
  --panel-2:#152226;
  --panel-3:#1b2a2e;
  --paper:#d8d1bd;
  --text:#f2f0e8;
  --text-soft:#c8cdc5;
  --muted:#87928e;
  --line:rgba(214,221,211,.14);
  --line-strong:rgba(226,224,207,.34);
  --gold:#c8a968;
  --gold-bright:#e4c786;
  --red:#b84b43;
  --red-bright:#ee6b5e;
  --cyan:#4c9e99;
  --cyan-bright:#7fd5ce;
  --blue:#587b93;
  --olive:#7e8051;
  --shadow:0 30px 90px rgba(0,0,0,.54);
  --shadow-hard:0 16px 36px rgba(0,0,0,.48);
  --radius-xs:3px;
  --radius-sm:7px;
  --radius-md:14px;
  --radius-lg:24px;
  --font-display:Georgia,"Noto Serif SC","Songti SC",serif;
  --font-ui:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --topbar-h:62px;
  --safe-x:clamp(18px,4vw,68px);
  --slide-x:clamp(20px,6vw,94px);
  --ease:cubic-bezier(.2,.78,.18,1);
}

[data-phase="2-5"]{
  --phase:#b66a46;
  --phase-soft:#dfa075;
  --phase-dark:#4c2720;
}
[data-phase="3"]{
  --phase:#9f3438;
  --phase-soft:#df6664;
  --phase-dark:#42191c;
}
[data-phase="3-5"]{
  --phase:#4f8985;
  --phase-soft:#78c5bd;
  --phase-dark:#173b3a;
}