/* The shared Picnic warm charcoal palette, copied from grammarpicnic site/color-scheme.css.
   Ink, outlines and shadows are separate: words stay clear without bright boxes. */
html[data-color-scheme="dark"] {
  color-scheme: dark;
  --canvas: #2c2823;
  --paper: #363029;
  --surface: #3c352d;
  --paper-deep: #2f2a24;
  --paper-hover: #453b2c;
  --edge: #ded4be;
  --edge-lift: #e6dcc5;
  --soft: #b5aa94;
  --outline: #8b7e67;
  --shadow: #1d1a16;
  --mustard: #624e25;
  --mustard-deep: #d8a838;
  --tomato: #f08e7e;
  --leaf: #72bd94;
  --rule: #5c5445;
  --check: color-mix(in srgb, var(--tomato) 16%, transparent);
  --band-pink: #774854;
  --band-blue: #3f5a73;
  --band-green: #42624a;
}

/* The shirt in the header wears the mode the page is in (scripts/site.mjs SHIRT). */
.appearance-toggle .cs-moon, html[data-color-scheme="dark"] .appearance-toggle .cs-sun { display: none; }
html[data-color-scheme="dark"] .appearance-toggle .cs-moon { display: inline; }