/* ==========================================================
   tokens.css
   Colour, type and radius variables. WCAG AA verified against #fff, #f4f5f2 and #fafbf8. Change a value here and it propagates everywhere.
   ========================================================== */

:root{
  --paper:#f4f5f2; --card:#fff; --sunken:#fafbf8;
  --rule:#e6e8e2; --hair:#eef0ea;
  --ink:#18231c; --mid:#55655b; --mute:#67716b;
  --sdg:#0b5c2e; --sdg-soft:#e8f2ea;
  --alarm:#be422f; --alarm-soft:#fbece8;
  --amber:#986414; --amber-soft:#fdf3e2;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:12px;
}