/*
 * demo-arena's palette, for its composed pages (27 Sep 2026).
 *
 * WORD FOR WORD the inline <style> its hand-written pages carry: a composed
 * page's policy has no 'unsafe-inline', so the colours are a file, loaded
 * after site.css and sf-vertical.css by the `vertical` kit (worker/src/
 * vertical.js). Change a colour here AND in the hand-written pages while
 * they are the fallback; test/vertical-storefront.test.mjs holds the two
 * the same.
 */
/* Night at the arena: near-black, stage amber, a cold white. The
   only site of the four with a dark page, which is also the harshest
   test of the shared stylesheet's contrast. */
:root {
  --ink: #f4f2ef;
  --ink-soft: #c7c2bb;
  --paper: #121114;
  --paper-warm: #1b1a1e;
  --line: #3a373f;
  /* LIFTED FROM #6d28d9 (25 Sep 2026): as a fill it has to stand 3:1
     off this paper (a pressed slot, the primary button) and still
     carry white words at 4.5:1. #6d28d9 was 2.65:1 off the paper;
     #7e3af2 is 3.38:1, and white on it 5.56:1. */
  --brand: #7e3af2;
  --brand-deep: #14121a;
  --accent: #c2410c;
  /* THIS TENANT'S PAPER IS NEARLY BLACK, so the brand purple and the
     accent orange -- both chosen to sit on that paper as fills --
     are too dark to be words on it. Measured: 2.65:1 and 3.34:1,
     where 3.0 and 4.5 are needed. These two are the same hues
     lightened until they pass, 6.91:1 and 8.31:1 on the page. */
  --brand-text: #a78bfa;
  --accent-text: #fb923c;
  --ok: #2f8f5b;
}
/* The cards sit on a dark page, so their own surface has to move
   with it -- a white card here would be a torch in a dark room. */
.card, .booker, .field input, .field select, .slot, .btn-quiet {
  background: var(--paper-warm);
  color: var(--ink);
}
.ok { background: #10291d; color: #a7e8c4; border-color: #2f8f5b; }
.bad { background: #2b1412; color: #ffb4a3; border-color: #a3301a; }
body > footer { background: #0b0a0d; }
/* A PLAIN LINK on this paper: the browser's blue is 2.0:1 here. */
a { color: var(--brand-text); }