/* Every colour, font and shared measure on the site. Contrast ratios are
   against the surface each colour is read on, and meet WCAG AA or better. */
:root {
  color-scheme: dark;

  --night: #0a0e16;
  --night-glow: #16223a;
  --housing: #15171c;
  --housing-edge: #2c313b;
  --flap: #1f2127;
  --flap-top: #25282f;
  --hinge: #050607;

  --ink: #f4efe2;      /* 14.0:1 on --flap, 12.9:1 on --flap-top */
  --ink-dim: #a7b1c2;  /* 8.3:1 on --housing, 7.3:1 on --night-glow */
  --amber: #ffb400;    /* 9.0:1 on --flap, 8.3:1 on --flap-top */
  --on-amber: #0a0e16; /* 10.8:1 on --amber */
  --focus: #ffd66b;    /* 13.9:1 on --night */

  /* The pulse's dimmest point: amber at 70% still reads 4.8:1 on --flap-top. */
  --pulse-low: 0.7;

  --font-board: ui-monospace, "SF Mono", Menlo, "Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;
  --font-text: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --radius: 0.75rem;
  --touch: 44px;
}