/* Design tokens. The designer's system (Figma variables) replaces the values in
   this one file; components read only these names. Current values = sample B
   (v3.2O): ink on white, hairline rules, square corners, one red for actions
   and marks. Light only, by choice of the sample; dark tokens wait for the
   designer. */
:root{
  --paper:#FFFFFF;
  --paper-2:#F3F4F4;
  --paper-3:#E6E8E9;
  --rule:#D6D9DB;
  --rule-strong:#8B9298;
  --ink:#15181B;
  --ink-2:#4B535A;
  --ink-3:#6A7279;
  --red:#C4161C;
  --red-dark:#9F1116;
  --on-red:#FFFFFF;
  --ok:#1D6B3A;
  --warn:#8A5A00;

  --f-sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;

  --radius:3px;
  --radius-sm:2px;
  --hdr:52px;
  --wrap:1200px;
  --gutter:16px;
  --gutter-lg:32px;
  --panel-w:320px;
  --picks-w:640px;
  --tap:44px;
  color-scheme:light;
}