/* Generated from DESIGN.md by npm run design:generate. Do not edit. */
:root {
  --primary: #5b2bf0;
  --primary-hover: #4318c4;
  --primary-soft: #ece6ff;
  --secondary: #b8430b;
  --text: #14110f;
  --muted: #4a433b;
  --placeholder: #72706f;
  --bg: #f6f4ee;
  --surface: #ffffff;
  --border: #d9d4c7;
  --focus: #0a3cff;
  --on-primary: #ffffff;
  --success: #0a6a36;
  --success-soft: #dff6e6;
  --warning: #8a5a00;
  --warning-soft: #fff3c4;
  --error: #c0261b;
  --error-soft: #ffe3e0;
  --accent-pink: #ff9ccf;
  --accent-yellow: #ffd21f;
  --accent-orange: #ff8a3d;
  --accent-mint: #b6f0c5;
  --accent-green: #19b868;
}