/* ---------------------------------------------------------------------------
   Design tokens — neo-brutalist, Bauhaus primary palette.
   Day is the default; night flips the skeleton (charcoal bg, off-white ink,
   deepened primaries) while shadows stay hard and near-black.
--------------------------------------------------------------------------- */

:root {
  /* skeleton */
  --bg: #ffffff;
  --ink: #000000;
  --paper: #ffffff; /* white blocks: masthead, capture */
  --muted: #55524c;

  /* Bauhaus primaries */
  --red: #e30613;
  --blue: #0038a8;
  --yellow: #ffd400;
  --green: #0b7a3b;

  /* ink on colored fills, picked by fill luminance (never gray) */
  --ink-on-yellow: #000000;
  --ink-on-red: #fffdf5;
  --ink-on-blue: #fffdf5;
  --ink-on-green: #fffdf5;

  /* structure */
  --border-w: 3px;
  --shadow-ink: #000000;
  --shadow: 6px 6px 0 var(--shadow-ink);
  --shadow-lift: 9px 9px 0 var(--shadow-ink);

  /* status */
  --up: #1a7f37;
  --down: #c8102e;
}

html[data-theme='night'] {
  --bg: #17171b;
  --ink: #f2efe6;
  --paper: #202024;
  --muted: #b5b0a4;

  --red: #b3222d;
  --blue: #2b50d0;
  --yellow: #d9b100;
  --green: #0c5c2e;

  --ink-on-yellow: #111111;
  --ink-on-red: #f2efe6;
  --ink-on-blue: #f2efe6;
  --ink-on-green: #f2efe6;

  --shadow-ink: #000000;

  --up: #5dd07e;
  --down: #ff7b72;
}