/* GYLD design tokens: the single source for colour and type on gyld.com.
   See DESIGN.md for roles and rules.
   The three.js constants in index.html duplicate the four palette colours
   because WebGL cannot read CSS; change both places together. */
:root{
  /* Palette: Sanzo Wada, A Dictionary of Color Combinations, plate 243 */
  --ground:#1b3644;   /* Slate Color. Page background. */
  --surface:#ebd999;  /* Ivory Buff. Text, and the face of the mark. */
  --accent:#b85e00;   /* Raw Sienna. Decorative only; never carries text. */
  --reverse:#58771e;  /* Olive Green. Decorative only; never carries text. */
  --hairline:rgba(235,217,153,.25); /* --surface at 25%, for borders. */

  /* Type: IBM Plex Mono 400 for all UI text. Pages load it from Google Fonts. */
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --text-label:11px;
  --tracking-label:.14em;
  --muted:.55;        /* opacity for secondary labels */
}