:root,
[data-theme='light'] {
	--color-background: oklch(0.99 0.0234 264.36);
	--color-foreground: oklch(0.18 0.0234 264.36);
	--color-surface: oklch(0.97 0.0234 264.36);
	--color-card: oklch(0.97 0.0234 264.36);
	--color-card-foreground: oklch(0.18 0.0234 264.36);
	--color-popover: oklch(0.97 0.0234 264.36);
	--color-popover-foreground: oklch(0.18 0.0234 264.36);
	--color-muted: oklch(0.95 0.0234 264.36);
	--color-muted-foreground: oklch(0.45 0.0234 264.36);
	--color-secondary: oklch(0.95 0.0234 264.36);
	--color-secondary-foreground: oklch(0.45 0.0234 264.36);
	--color-border: oklch(0.9 0.0234 264.36);
	--color-input: oklch(0.9 0.0234 264.36);
	--color-ring: oklch(0.3467 0.0731 256.69);
	--color-primary: oklch(0.3467 0.0731 256.69);
	--color-primary-foreground: oklch(0.99 0 0);
	--color-accent: oklch(0.6658 0.1574 58.32);
	--color-accent-foreground: oklch(0.18 0.0234 264.36);
	--color-success: oklch(0.54 0.1487 150);
	--color-success-foreground: oklch(0.99 0 0);
	--color-warning: oklch(0.75 0.15 75);
	--color-warning-foreground: oklch(0.18 0.0234 264.36);
	--color-danger: oklch(0.55 0.15 27);
	--color-danger-foreground: oklch(0.99 0 0);
	--color-destructive: oklch(0.55 0.15 27);
	--color-destructive-foreground: oklch(0.99 0 0);
	--radius: 0.5rem;
	--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}

[data-theme='dark'] {
	--color-background: oklch(0.16 0.0234 264.36);
	--color-foreground: oklch(0.97 0.0234 264.36);
	--color-surface: oklch(0.2 0.0234 264.36);
	--color-card: oklch(0.2 0.0234 264.36);
	--color-card-foreground: oklch(0.97 0.0234 264.36);
	--color-popover: oklch(0.2 0.0234 264.36);
	--color-popover-foreground: oklch(0.97 0.0234 264.36);
	--color-muted: oklch(0.25 0.0234 264.36);
	--color-muted-foreground: oklch(0.72 0.0234 264.36);
	--color-secondary: oklch(0.25 0.0234 264.36);
	--color-secondary-foreground: oklch(0.72 0.0234 264.36);
	--color-border: oklch(0.32 0.0234 264.36);
	--color-input: oklch(0.32 0.0234 264.36);
	--color-ring: oklch(0.65 0.0731 256.69);
	--color-primary: oklch(0.65 0.0731 256.69);
	--color-primary-foreground: oklch(0.18 0.0234 264.36);
	--color-accent: oklch(0.6658 0.1574 58.32);
	--color-accent-foreground: oklch(0.18 0.0234 264.36);
	--color-success: oklch(0.7 0.15 150);
	--color-success-foreground: oklch(0.18 0.0234 264.36);
	--color-warning: oklch(0.8 0.15 75);
	--color-warning-foreground: oklch(0.18 0.0234 264.36);
	--color-danger: oklch(0.7 0.15 27);
	--color-danger-foreground: oklch(0.18 0.0234 264.36);
	--color-destructive: oklch(0.7 0.15 27);
	--color-destructive-foreground: oklch(0.18 0.0234 264.36);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme='light']) {
		--color-background: oklch(0.16 0.0234 264.36);
		--color-foreground: oklch(0.97 0.0234 264.36);
		--color-surface: oklch(0.2 0.0234 264.36);
		--color-card: oklch(0.2 0.0234 264.36);
		--color-card-foreground: oklch(0.97 0.0234 264.36);
		--color-popover: oklch(0.2 0.0234 264.36);
		--color-popover-foreground: oklch(0.97 0.0234 264.36);
		--color-muted: oklch(0.25 0.0234 264.36);
		--color-muted-foreground: oklch(0.72 0.0234 264.36);
		--color-secondary: oklch(0.25 0.0234 264.36);
		--color-secondary-foreground: oklch(0.72 0.0234 264.36);
		--color-border: oklch(0.32 0.0234 264.36);
		--color-input: oklch(0.32 0.0234 264.36);
		--color-ring: oklch(0.65 0.0731 256.69);
		--color-primary: oklch(0.65 0.0731 256.69);
		--color-primary-foreground: oklch(0.18 0.0234 264.36);
		--color-accent: oklch(0.6658 0.1574 58.32);
		--color-accent-foreground: oklch(0.18 0.0234 264.36);
		--color-success: oklch(0.7 0.15 150);
		--color-success-foreground: oklch(0.18 0.0234 264.36);
		--color-warning: oklch(0.8 0.15 75);
		--color-warning-foreground: oklch(0.18 0.0234 264.36);
		--color-danger: oklch(0.7 0.15 27);
		--color-danger-foreground: oklch(0.18 0.0234 264.36);
		--color-destructive: oklch(0.7 0.15 27);
		--color-destructive-foreground: oklch(0.18 0.0234 264.36);
	}
}