/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --px-color-paper: #fbfaf4;
  --px-color-paper-2: #f5f3e8;
  --px-color-dot: #e3decf;
  --px-color-ink: #222019;
  --px-color-ink-soft: #403c32;
  --px-color-muted: #74705f;
  --px-color-line: #d8d3c3;
  --px-color-accent: #5b3df5;
  --px-color-accent-hover: #4c30d9;
  --px-color-accent-soft: #ece8ff;
  --px-color-hl: #ffe89b;
  --px-color-amber: #ffc402;
  --px-color-screen-bg: #191713;
  --px-color-screen-dot: #292620;
  --px-color-screen-frame: #ece7da;
  --px-color-screen-card: #221f1a;
  --px-color-screen-headline: #f7f3e8;
  --px-color-screen-label: #a39d88;
  --px-color-coin-base: #ffd23e;
  --px-color-coin-shade: #c4973f;
  --px-color-coin-shine: #fff3c4;
  --px-color-sketch-blue-stroke: #1971c2;
  --px-color-sketch-blue-fill: #a5d8ff;
  --px-color-sketch-green-stroke: #2f9e44;
  --px-color-sketch-green-fill: #b2f2bb;
  --px-color-sketch-red-stroke: #e03131;
  --px-color-sketch-red-fill: #ffc9c9;
  --px-color-sketch-orange-stroke: #e8590c;
  --px-color-sketch-orange-fill: #ffd8a8;
  --px-color-sketch-violet-stroke: #6741d9;
  --px-color-sketch-violet-fill: #d0bfff;
  --px-color-sketch-yellow-stroke: #f08c00;
  --px-color-sketch-yellow-fill: #ffec99;
  --px-color-sketch-gold-stroke: #c4973f;
  --px-color-sketch-gold-fill: #f3e2c2;
  --px-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --px-font-body: 'Poppins', system-ui, sans-serif;
  --px-font-mono: 'Spline Sans Mono', ui-monospace, monospace;
  --px-font-hand: 'Caveat', 'Excalifont', ui-rounded, cursive;
  --px-font-sketch: 'Excalifont', 'Caveat', ui-rounded, cursive;
  --px-font-pixel: 'Press Start 2P', 'Spline Sans Mono', monospace;
  --px-clip-pixel: polygon(0 8px, 4px 8px, 4px 4px, 8px 4px, 8px 0, calc(100% - 8px) 0, calc(100% - 8px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 4px) calc(100% - 8px), calc(100% - 4px) calc(100% - 4px), calc(100% - 8px) calc(100% - 4px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 8px), 0 calc(100% - 8px));
  --px-radius-sketch: 14px 4px 16px 5px / 5px 16px 4px 14px;
  --px-radius-blob: 255px 15px 225px 15px / 15px 225px 15px 255px;
  --px-radius-pixel: 0;
  --px-shadow-ink: 3px 4px 0 #222019;
  --px-shadow-ink-hover: 4px 5px 0 #222019;
  --px-grid-dot-size: 1.15px;
  --px-grid-dot-gap: 26px;
  --px-grid-unit: 4px;
  --px-motion-steps-pop: steps(3);
  --px-motion-steps-fill: steps(8);
  --px-motion-press: 80ms;
  --px-motion-pop: 240ms;
}