:root {
  --poj-red:#d71920;
  --poj-red-dark:#a90f16;
  --poj-red-soft:#fff0f1;
  --poj-gold:#f5b51b;
  --poj-gold-dark:#c98b00;
  --poj-ink:#111111;
  --poj-blue:#355d73;
  --success:#138a4b;
  --warning:#c87800;
  --danger:#c91d27;
  --info:#246b95;
  --bg:#f6f3ee;
  --bg-elevated:#fffdf9;
  --panel:#ffffff;
  --panel-soft:#faf7f2;
  --panel-strong:#f0ebe3;
  --text:#2b2926;
  --text-strong:#111111;
  --muted:#756f68;
  --faint:#9d958c;
  --border:#e3ddd4;
  --border-strong:#cfc5b9;
  --shadow-xs:0 1px 2px rgba(34,24,18,.05);
  --shadow-sm:0 4px 14px rgba(34,24,18,.07);
  --shadow-md:0 14px 34px rgba(34,24,18,.11);
  --shadow-lg:0 26px 64px rgba(34,24,18,.18);
  --radius-xs:7px;
  --radius-sm:11px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:30px;
  --pill:999px;
  --header-h:76px;
  --focus:0 0 0 4px rgba(215,25,32,.16);
  --ease:cubic-bezier(.22,1,.36,1);
}

body.dark-mode {
  --bg:#151210;
  --bg-elevated:#1d1916;
  --panel:#211d1a;
  --panel-soft:#191614;
  --panel-strong:#2d2824;
  --text:#e8e2da;
  --text-strong:#fffaf4;
  --muted:#b1a79d;
  --faint:#81776e;
  --border:#37312c;
  --border-strong:#50473f;
  --poj-red-soft:#391519;
  --shadow-xs:0 1px 2px rgba(0,0,0,.3);
  --shadow-sm:0 5px 16px rgba(0,0,0,.34);
  --shadow-md:0 16px 40px rgba(0,0,0,.42);
  --shadow-lg:0 28px 68px rgba(0,0,0,.55);
}