/* Glyph, the look Mackenzie picked for the hub-v3 page (#338, 17:11: "Glyph pls <3"), taken from directions.html band A.
   Batch 1's greybox was approved at 17:12 ("I approved the greyboxes. Ship it <3"; #339 "All right, build them").
   grey-tokens.css gives the greybox's values for the same names. Glyph has one hue, the signal green; every other state is
   told by shape and words, never by a second colour (the status parts are already shape-coded). */
@font-face { font-family: "Inter"; src: url("fonts/Inter.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  /* Surfaces, darkest first. */
  --ground: #070907;      /* the page behind everything */
  --chrome: #0d110d;       /* header, nav, rail, tabs */
  --card: #0d110d;         /* options, answers, cards on the board */
  --field: #070907;        /* text boxes and the search field */
  --raise: #142014;       /* the selected row, a pressed tab */
  --key: #1a221a;         /* keycaps, chips */
  --line: #1d261d;        /* hairlines between regions */
  --line-strong: #2c3a2c; /* outlines of quiet buttons and fields */

  /* Text. */
  --text: #e3e5e1;        /* body and headings */
  --text-dim: #9aa097;    /* bylines, ages, captions */
  --text-faint: #6b7268;  /* disabled words only, never information */

  /* The one signal. */
  --signal: #7fee64;      /* the primary press, the selected nav item, a live status dot, focus */
  --signal-ink: #041004;  /* words on a signal fill */
  --art: #4f9a45;         /* ASCII and dithered art only; never text that must be read */
  --radius: 0;           /* every corner: the page is a ruled grid of square cells */
  --focus: 0 0 0 2px var(--ground), 0 0 0 4px var(--signal);

  /* Type. Inter reads; Plex Mono labels, counts, codes and the header. */
  --font-sans: "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-chrome: "IBM Plex Mono", ui-monospace, monospace;   /* the header, labels, counts */
  --scrim: rgba(0, 0, 0, .6);
}