/* ==========================================================================
   The Space Between - "Dusk"
   Design tokens. The single source of truth for colour and type.

   Every page links this before its own stylesheet. Nothing else declares
   these values -- styles.css, exercise.css, lab.html and meditation.html
   used to each keep their own copy, which meant an identity colour could be
   changed in one place and silently stay stale in three others.
   ========================================================================== */

:root {
  /* night ground */
  --night: #0B0C10;
  --night-raised: #12131A;
  --night-ink: #F2F1EE;

  /* text on night */
  --ink-80: rgba(242, 241, 238, 0.8);
  --ink-62: rgba(242, 241, 238, 0.62);
  --ink-55: rgba(242, 241, 238, 0.55);
  --ink-45: rgba(242, 241, 238, 0.45);
  --ink-42: rgba(242, 241, 238, 0.42);
  --ink-34: rgba(242, 241, 238, 0.34);

  /* one accent: the primary action and the "now playing" state */
  --amber: #F0A02E;
  --amber-hover: #FFB246;

  /* exercise identity colours -- only ever used to identify an exercise,
     never as chrome or fill. Listed in shelf order. */
  --periphery: #06B6D4;
  --between: #8FA6B2;
  --two: #D97706;
  --contact: #3B82F6;
  --clearing: #83A68B;
  --shift: #A08FD0;
  --grip: #EF4444;

  /* hairlines */
  --rule: rgba(242, 241, 238, 0.1);
  --rule-strong: rgba(242, 241, 238, 0.2);

  /* fills */
  --fill-quiet: rgba(242, 241, 238, 0.1);
  --fill-quiet-hover: rgba(242, 241, 238, 0.18);
  --fill-row-hover: rgba(242, 241, 238, 0.03);

  /* type */
  --serif: 'Instrument Serif', Georgia, serif;
  --sans: 'Archivo', system-ui, sans-serif;
}