/* Glass Floor shared color palette. A colour belongs here; a page's layout
 * measurements belong in the page.
 *
 * The three brand values are fixed by docs/brand/README.md: ink #16181A,
 * field #2E7D6A, paper #F5F4EF. Everything below is derived from them.
 *
 * --signal is a darkened field rather than the field itself. #2E7D6A on paper
 * measures 4.48:1, which misses AA for body text by 0.02, and it is used for
 * links and small labels. #276A59 measures 5.79:1 in both directions, so the
 * same value works for a link on paper and for paper on a filled button.
 * --signal-flat keeps the true field for large fills, where 4.48:1 is beyond
 * the 3:1 that large text needs.
 *
 * One theme, fixed. `color-scheme` holds native controls and scrollbars to it.
 */

:root{
  --ink:#16181A; --ground:#F5F4EF; --panel:#FFFFFF; --edge:#D6D3C8;
  --floor:#8B95A1; --signal:#276A59; --signal-flat:#2E7D6A;
  --verified:#276A59; --unsure:#8A8D8E; --mute:#6C6F70;
  --onsig:#F5F4EF;
  --display:"LatoB",-apple-system,Helvetica,Arial,sans-serif;
  --body:"LatoR",-apple-system,Helvetica,Arial,sans-serif;
  --data:ui-monospace,Menlo,Consolas,"DejaVu Sans Mono",monospace;
  color-scheme: light;
}

/* A warning is not the brand: amber never reads as an ordinary green accent. */
:root{--warn:#F5A21E;}

/* Brand paper. The mark's top and bottom bars are ink and run to the tile edge,
   so against a dark ground the ink matches its surround and the tile reads as
   two separate green blocks. Backing the mark with paper restores the edge.
   Against the page it is invisible, which is what it should be. It cannot be
   --ground: the mark also sits on the dark banded sections. */
:root{--paper:#F5F4EF;}

/* The stage is a screen, and screens are dark. These are the banded sections
   that break up the page; they carry their own foreground tokens so nothing on
   them inherits a colour meant for paper. */
:root{--stage:#0F1214; --stage-fg:#F5F4EF; --stage-dim:#8A9490;
  --stage-edge:#2E3538; --stage-rule:#232A2C; --stage-quiet:#D5D2C8;
  --stage-signal:#4FB79B;}

