/* GENERATED by scripts/build.mjs from brand/tokens.json. Do not edit. */
:root {
  --sketchbook: #F5F0E6;
  --line-black: #131211;
  --marker-pink: #FF2E88;
  --marker-pink-deep: #CC0058;
  --pencil: #CFC7B8;
  --graphite: #5E5850;
  --blush: #FFB0CE;
  --butter: #FFD447;
  --sticker-white: #FFFFFF;
  --surface: #F5F0E6;
  --surface-inverse: #131211;
  --text: #131211;
  --text-inverse: #F5F0E6;
  --text-muted: #5E5850;
  --accent: #FF2E88;
  --accent-text: #CC0058;
  --rule: #CFC7B8;
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-overshoot: cubic-bezier(0.34, 1.56, 0.64, 1);
  --hover-ms: 125ms;
  --reveal-ms: 500ms;
  --fps: 24;
  --frame: 41.667ms;
  --draw-frames: 18;
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Instrument Sans', system-ui, sans-serif;
  --font-mono: 'Martian Mono', ui-monospace, monospace;
  --bop-echo-dx: 1.40625%;
}