/* Values adapted from events/src/styles/globals.css, without a build dependency. */
:root {
  color-scheme: dark;
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --primary: oklch(0.577 0.245 27.325);
  --primary-hover: color-mix(in oklch, var(--primary), black 10%);
  --primary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --border: oklch(1 0 0 / 10%);
  --ring: oklch(0.637 0.237 25.331);
  --brand-text: #ff6157;
  --radius-card: 14px;
  --radius-button: 10px;
  --content-width: 1152px;
  --gutter: 16px;
  --card-padding: 16px;
  font-family:
    "Segoe UI",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-synthesis: none;
}
@media (min-width: 600px) {
  :root {
    --gutter: 24px;
    --card-padding: 24px;
  }
}