:root {
  --paper: #F5F1E6; --surface: #FDFAF1; --sunken: #EDE7D6;
  --ink: #20312A; --ink-soft: #4C5D53; --faint: #77877C;
  --line: #DCD4BE; --line-soft: #E8E2D0;
  --pine: #16604A; --pine-deep: #0E4437; --pine-bright: #1E8266;
  --mari: #E39B1E; --mari-soft: #F6E2B4; --clay: #BF4A2A;
  --gold: #A97F0E; --blue: #3E78A8; --plum: #7E5FA6; --teal: #1B7F66;
  --shadow: 0 1px 2px rgba(32,49,42,.06),0 10px 30px -18px rgba(32,49,42,.35);
  --shadow-lg: 0 2px 4px rgba(32,49,42,.08),0 24px 60px -24px rgba(32,49,42,.4);
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px;
  --font-d: "Fraunces", Georgia, serif;
  --font-b: "Atkinson Hyperlegible", system-ui, sans-serif;
  --font-m: "IBM Plex Mono", ui-monospace, monospace;
}
[data-theme="dark"] {
  --paper: #0E1815; --surface: #15221D; --sunken: #101B17;
  --ink: #ECE7D5; --ink-soft: #A8B7AC; --faint: #7E8E83;
  --line: #2A3A31; --line-soft: #213028;
  --pine: #3AA98B; --pine-deep: #0F2A22; --pine-bright: #4CC49F;
  --mari: #F0B13C; --mari-soft: #403318; --clay: #E06A45;
  --gold: #D8AC33; --blue: #6FA6D4; --plum: #AC8BD0; --teal: #43B495;
  --shadow: 0 1px 2px rgba(0,0,0,.4),0 12px 32px -18px rgba(0,0,0,.7);
  --shadow-lg: 0 2px 6px rgba(0,0,0,.45),0 28px 64px -24px rgba(0,0,0,.8);
}