/* Colour-only overrides. The exact forest baseline remains untouched in styles.css.
   All card geometry, content and interaction rules are shared. */
:root[data-theme="charcoal"] {
  --canvas: #17191c;
  --surface: #22252a;
  --text: #f2f0eb;
  --muted: #a9afb7;
  --rule: #363b42;
  --accent: #c4cacf;
  --button: #c4cacf;
  --button-ink: #17191c;
  --button-hover: #d1d6da;
  --button-active: #b1b8be;
  --focus: #d7dce0;
  --hover-border: #818a93;
  --selection: #495058;
  scrollbar-color: #606871 var(--canvas);
}

:root[data-theme="espresso"] {
  --canvas: #211a17;
  --surface: #2d2420;
  --text: #f4eee5;
  --muted: #b7aca1;
  --rule: #483c34;
  --accent: #c5b8a8;
  --button: #c5b8a8;
  --button-ink: #211a17;
  --button-hover: #d1c5b7;
  --button-active: #b4a797;
  --focus: #d8cdbf;
  --hover-border: #918174;
  --selection: #5a4c41;
  scrollbar-color: #796b60 var(--canvas);
}