/* Monochrome, and one signal (docs/decisions/board.md): ink on white by day,
   light on near black by night, with the posters as the color. */
:root {
  color-scheme: light dark;

  --surface: light-dark(#fff, #121212);

  /* A quiet tone off the page, for the few things that sit on it: a
     screening's tags and a poster that has not loaded. */
  --surface-raised: light-dark(#f2f2f2, #1f1f1f);

  /* The shadow at the edge of a region with more to scroll to. */
  --edge-shadow: light-dark(rgb(17 17 17 / 22%), rgb(0 0 0 / 65%));
  --text: light-dark(#111, #f1f1f1);
  --muted: light-dark(#5e5e5e, #a3a3a3);

  /* Edges of controls: pills, inputs, the picker. Ink, like the text. */
  --border: light-dark(#111, #f1f1f1);

  /* Lines that only separate: rows, tabs, the footer's foot. Light, so they
     recede behind the ink rules that open a section. */
  --rule: light-dark(#e0e0e0, #2b2b2b);

  /* What a member can act on is ink, and pressed is inverted: no brand color.
     The names stay from when this was an accent. */
  --accent: light-dark(#111, #f1f1f1);
  --on-accent: light-dark(#fff, #121212);

  /* The one color besides the posters: behind the next showing's time, and
     nowhere else. The same yellow in both schemes, with ink on it. */
  --signal: #ffd60a;
  --on-signal: #111;

  /* Errors and what cannot be undone, the only red on the page. */
  --error: light-dark(#b0124d, #ffa3b8);
  --on-error: light-dark(#fff, #3d0a12);
}