:root {
  --parchment: #2a1f0e;
  --parchment-dark: #1e1508;
  --ink: #e8dfc8;
  --ink-light: #d4c4a0;
  --gold: #b8860b;
  --gold-light: #d4a017;
  --gold-pale: #f0dea0;
  --red: #e07070;
  --border: #c8a96e;
  --shadow: rgba(26,18,9,0.18);
  /* page bg / surface colors */
  --bg: #1a1209;
  --surface: #120e05;
  --surface-border: rgba(200,169,110,0.3);
  --commentary-bg: rgba(26,18,9,0.92);
  --commentary-text: var(--parchment-dark);
}

body.light-mode {
  --bg: #fdf6d0;
  --surface: #faf0a0;
  --surface-border: rgba(180,130,20,0.25);
  --ink: #0a0800;
  --ink-light: #1a1000;
  --gold: #c8920a;
  --gold-light: #e0a800;
  --gold-pale: #fdf0b0;
  --border: #d4aa40;
  --red: #b84a1a;
  --commentary-bg: #fdf0cc;
  --commentary-text: #2a1f00;
  --parchment: #fffdf5;
  --parchment-dark: #fdf0cc;
}