/* alpha0.app design tokens — one file, linked by every page.
 *
 * Before this existed, each page declared its own :root and the values drifted:
 * four orange hexes that were really two colours (#e86210 and #e8620a differ by
 * 6/255, contrast between them 1.00:1), and seven creams of which four were the
 * same cream. Nothing here changes a layout; it only stops the next page from
 * inventing the ground and the accent again.
 *
 * Cached hard by the zone (max-age=14400), so pages link it as
 * `/tokens.css?v=1` and the number moves when a value does.
 */

:root {
  --bg:       #f5f2ea;  /* the ground. #faf9f7, #fbf9f6, #f7f4ec and #f6f2eb were all this. */
  --card:     #fffdf8;  /* a panel lifted off the ground */
  --fg:       #1a1a1a;  /* 15.56:1 on --bg */

  /* #8a8578 was 3.29:1 — below AA on every ground on this site, and it was the
     colour of every app description on the front page. */
  --muted:    #6f6a5d;  /* 4.82:1 on --bg */

  /* A LINE colour. Never put text in it: on --bg it is 1.35:1, which is how the
     item counts beside the section headings came to be invisible. */
  --rule:     #d8d2c2;

  /* The documented house orange, and the only widely-used accent here that
     clears AA on cream. #e86210 was 3.03:1. */
  --accent:   #c1440e;  /* 4.58:1 on --bg */
  --accent-d: #9e2b18;  /* hover, pressed, and text on the warmer grounds */

  --ok:       #3f6634;
}

/* One focus ring for the whole site.
 *
 * Of 643 focusable controls across these pages, 186 had a focus style somebody
 * designed; the rest fell back to the browser's own blue, and four had it
 * removed outright with `outline:none` and nothing put back. This rule is the
 * cheapest way to make keyboard focus look deliberate everywhere at once.
 *
 * :focus-visible, not :focus, so a mouse click on a button does not draw it. */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 2px;
}