:root {
  --rosa-red: #e00815;
  --rosa-red-strong: #b90a14;
  --rosa-ink: #111214;
  --rosa-ink-soft: #2c2e33;
  --rosa-white: #ffffff;
  --rosa-surface: #f7f7f8;
  --rosa-surface-strong: #eceef1;
  --rosa-text: #18191c;
  --rosa-muted: #686c74;
  --rosa-border: #d9dce1;
  --rosa-focus: #0b66d4;
  --rosa-success: #137a45;
  --rosa-error: #b42318;
  --rosa-shell: 90rem;
  --rosa-gutter: clamp(1rem, 2.5vw, 2.5rem);
  --rosa-radius-sm: 0.375rem;
  --rosa-radius-md: 0.75rem;
  --rosa-space-1: 0.25rem;
  --rosa-space-2: 0.5rem;
  --rosa-space-3: 0.75rem;
  --rosa-space-4: 1rem;
  --rosa-space-6: 1.5rem;
  --rosa-space-8: 2rem;
  --rosa-space-12: 3rem;
  --rosa-space-16: 4rem;
  --rosa-motion-fast: 140ms;
  --rosa-motion-standard: 220ms;
  --rosa-ease: cubic-bezier(0.2, 0, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --rosa-motion-fast: 0ms;
    --rosa-motion-standard: 0ms;
  }
}