/* Generated from DESIGN.md. Do not edit. */
:root {
  --color-background: #0d0d10;
  --color-surface: #151518;
  --color-elevated: #1d1d21;
  --color-border: #303036;
  --color-primary: #e83b46;
  --color-primary-hover: #ff5660;
  --color-action: #ce2d39;
  --color-action-hover: #d8333f;
  --color-primary-soft: #32191e;
  --color-on-primary: #ffffff;
  --color-text: #f5f4f6;
  --color-muted: #a4a3ad;
  --color-subtle: #7f7e89;
  --color-success: #81d8ad;
  --color-warning: #f1c17d;
  --color-focus: #ff8991;
  --color-scrollbar: #51515c;
  --color-scrollbar-hover: #73737f;
  --color-scrollbar-active: #a4a3ad;
  --radius-control: 0.625rem;
  --radius-panel: 1rem;
  --radius-pill: 999px;
  --space-page-max: 72rem;
  --space-section-gap: 3.5rem;
  --space-control-height: 2.75rem;
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
}