/* Generated by scripts/build-design-tokens.mjs. Edit docs/design/frank-design-tokens.json. */
:root {
  --paper: #f4f3ee;
  --white: #fffefb;
  --ink: #243930;
  --muted: #556158;
  --green: #203e33;
  --green-hover: #305745;
  --nav-active: #355448;
  --red: #a93628;
  --red-hover: #86271d;
  --line: #c6c9be;
  --sage: #edf1e6;
  --wheat: #f4e7bb;
  --wheat-line: #d5bd75;
  --ochre: #edc96d;
  --blue: #d6e0ea;
  --hat-cream: #f1ebdd;
  --clay: #db8150;
  --blush: #efe0dc;
  --focus: #b64729;
  --button-radius: 9px;
  --panel-radius: 12px;
}