:root {
  --color-primary: #6366f1;
  --color-secondary: #818cf8;
  --color-accent: #c084fc;
  --color-background: #0f172a;
  --color-foreground: #f8fafc;
  --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;
}