/* Generated from design/tokens.json by design/build-tokens.mjs. Do not edit by hand. */
:root {
  --red: #f5223a;
  --red-dark: #d3122a;
  --red-soft: #ffe3e6;
  --orange: #ff9f0a;
  --orange-dark: #f08c00;
  --orange-soft: #fff1db;
  --blush: #fff3f3;
  --bg: #fef4f5;
  --cream: #fbf6f1;
  --peach: #ffeedb;
  --field: #efedeb;
  --surface: #ffffff;
  --dark: #191919;
  --dark-2: #232323;
  --body: #4b4b4b;
  --muted: #858585;
  --border: #eae4e0;
  --green: #1f9d55;
  --green-soft: #e3f6ea;
  --white: #ffffff;
  --font-display: "Fraunces", "DM Serif Display", Georgia, serif;
  --font-ui: "Inter", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r-card: 20px;
  --r-cat: 24px;
  --r-img: 16px;
  --r-btn: 12px;
  --r-input: 12px;
  --r-pill: 999px;
}
