:root {
  --color-primary: #f43f5e;
  --color-secondary: #fb7185;
  --color-accent: #22d3ee;
  --color-background: #0c0a09;
  --color-foreground: #fef2f2;
  --color-surface: color-mix(in srgb, var(--color-background) 92%, var(--color-foreground) 8%);
  --color-muted: color-mix(in srgb, var(--color-foreground) 50%, var(--color-background) 50%);
  --color-border: color-mix(in srgb, var(--color-foreground) 15%, var(--color-background) 85%);
  --color-on-primary: var(--color-background);
  color-scheme: dark;
}