/* Generated from ../tokens.json by scripts/generate-design-css.mjs. Do not edit by hand. */
:root {
  --design-color-primary: #000000;
  --design-color-canvas: #faf9f5;
  --design-color-ink: #000000;
  --design-color-body: #646462;
  --design-color-fog: #cdccc9;
  --design-color-white: #ffffff;
  --design-color-yellow: #ffcc00;
  --design-color-orchid: #b074ce;
  --design-color-green: #20a277;
  --design-color-blue: #2dcbdc;
  --design-color-mint: #b8ead8;
  --design-color-pale-mint: #c9f2e5;
  --design-color-pale-blue: #b9edf4;
  --design-color-pale-orchid: #ead7f4;
  --design-color-paper-warm: #fffdf7;
  --design-color-butter: #fbf4dc;
  --design-color-cream-highlight: #fff7cf;
  --design-color-route-wash: #fff9df;
  --design-color-dark-body: #252523;
  --design-color-soft-ink: #30302c;
  --design-spacing-hairline: 1.5px;
  --design-spacing-xs: 8px;
  --design-spacing-sm: 14px;
  --design-spacing-md: 18px;
  --design-spacing-lg: 24px;
  --design-spacing-xl: 44px;
  --design-spacing-section: 54px;
  --design-rounded-none: 0px;
  --design-rounded-focus: 2px;
}