:root {
  --crr-primary: #ed1c24;
  --crr-primary-hover: #c81018;
  --crr-primary-dark: #b80f17;
  --crr-brand-soft: #fff0f1;
  --crr-background: #f4f4f1;
  --crr-surface: #fff;
  --crr-text: #18191b;
  --crr-muted: #62676f;
  --crr-border: #dedfe2;
  --crr-control-border: #c9cbd0;
  --crr-quiet-text: #363a40;
  --crr-quiet-hover: #f4f4f5;
  --crr-quiet-hover-border: #93989f;
  --crr-danger: #b42318;
  --crr-danger-dark: #8f1d14;
  --crr-danger-soft: #fff4f4;
  --crr-danger-border: #f1b8b8;
  --crr-warning: #8a6100;
  --crr-radius-control: .5rem;
  --crr-radius-panel: .9rem;
  --crr-radius-pill: 999px;
  --crr-shadow-soft: 0 12px 36px rgb(25 25 25 / 8%);
  --crr-shadow-panel: 0 5px 18px rgb(25 25 25 / 3%);
  --crr-space-1: .25rem;
  --crr-space-2: .5rem;
  --crr-space-3: .75rem;
  --crr-space-4: 1rem;
  --crr-space-6: 1.5rem;
  --crr-space-8: 2rem;
  --crr-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --crr-focus-shadow: 0 0 0 3px rgb(237 28 36 / 14%);
  --crr-focus-outline: 3px solid rgb(237 28 36 / 24%);
}