@import url('https://fonts.googleapis.com/css2?family=Segoe+UI+Variable:wght@300;400;500;600;700&family=Cascadia+Code:wght@300;400;500;600;700&display=swap');
:root {
	--primary: oklch(0.577 0.135 275);
	--primary-foreground: oklch(0.990 0 0);
	--secondary: oklch(0.930 0.020 75);
	--secondary-foreground: oklch(0.300 0.010 70);
	--accent: oklch(0.920 0.040 240);
	--accent-foreground: oklch(0.300 0.180 240);
	--background: oklch(0.965 0.012 75);
	--foreground: oklch(0.220 0.008 60);
	--card: oklch(1.000 0 0);
	--card-foreground: oklch(0.220 0.008 60);
	--popover: oklch(1.000 0 0);
	--popover-foreground: oklch(0.220 0.008 60);
	--muted: oklch(0.945 0.018 70);
	--muted-foreground: oklch(0.450 0.020 60);
	--destructive: oklch(0.620 0.220 27);
	--destructive-foreground: oklch(0.990 0 0);
	--border: oklch(0.880 0.020 70);
	--input: oklch(0.880 0.020 70);
	--ring: oklch(0.577 0.135 275);
	--chart-1: oklch(0.577 0.135 275);
	--chart-2: oklch(0.620 0.180 260);
	--chart-3: oklch(0.650 0.180 290);
	--chart-4: oklch(0.700 0.150 320);
	--chart-5: oklch(0.500 0.180 215);
	--sidebar: oklch(0.945 0.018 70);
	--sidebar-foreground: oklch(0.220 0.008 60);
	--sidebar-primary: oklch(0.577 0.135 275);
	--sidebar-primary-foreground: oklch(0.990 0 0);
	--sidebar-accent: oklch(0.920 0.040 240);
	--sidebar-accent-foreground: oklch(0.300 0.180 240);
	--sidebar-border: oklch(0.880 0.020 70);
	--sidebar-ring: oklch(0.577 0.135 275);
	--success: oklch(0.580 0.150 145);
	--success-foreground: oklch(0.990 0 0);
	--warning: oklch(0.700 0.160 65);
	--warning-foreground: oklch(0.990 0 0);
	--info: oklch(0.577 0.135 275);
	--info-foreground: oklch(0.990 0 0);
	--font-sans: 'Segoe UI Variable', 'Segoe UI', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	--font-serif: 'Segoe UI Variable', Georgia, serif;
	--font-mono: 'Cascadia Code', 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
	--tracking-normal: 0em;
	--radius: 0.75rem;
	--spacing: 0.25rem;
	--shadow-2xs: 0 1px 3px 0px hsl(225 30% 8% / 0.04);
	--shadow-xs: 0 1px 3px 0px hsl(225 30% 8% / 0.04);
	--shadow-sm: 0 1px 3px 0px hsl(225 30% 8% / 0.08), 0 1px 2px -1px hsl(225 30% 8% / 0.08);
	--shadow: 0 1px 3px 0px hsl(225 30% 8% / 0.08), 0 1px 2px -1px hsl(225 30% 8% / 0.08);
	--shadow-md: 0 1px 3px 0px hsl(225 30% 8% / 0.08), 0 2px 4px -1px hsl(225 30% 8% / 0.08);
	--shadow-lg: 0 1px 3px 0px hsl(225 30% 8% / 0.10), 0 4px 6px -1px hsl(225 30% 8% / 0.10);
	--shadow-xl: 0 1px 3px 0px hsl(225 30% 8% / 0.10), 0 8px 10px -1px hsl(225 30% 8% / 0.10);
	--shadow-2xl: 0 1px 3px 0px hsl(225 30% 8% / 0.20);
}
:root.dark {
	--primary: oklch(0.643 0.124 274);
	--primary-foreground: oklch(0.985 0.014 85);
	--secondary: oklch(0.280 0.050 270);
	--secondary-foreground: oklch(0.945 0.020 85);
	--accent: oklch(0.450 0.150 280);
	--accent-foreground: oklch(0.965 0.018 85);
	--background: oklch(0.165 0.040 270);
	--foreground: oklch(0.945 0.020 85);
	--card: oklch(0.220 0.050 270);
	--card-foreground: oklch(0.945 0.020 85);
	--popover: oklch(0.220 0.050 270);
	--popover-foreground: oklch(0.945 0.020 85);
	--muted: oklch(0.280 0.050 270);
	--muted-foreground: oklch(0.720 0.022 85);
	--destructive: oklch(0.620 0.220 27);
	--destructive-foreground: oklch(0.985 0.014 85);
	--border: oklch(0.300 0.040 270);
	--input: oklch(0.300 0.040 270);
	--ring: oklch(0.643 0.124 274);
	--chart-1: oklch(0.643 0.124 274);
	--chart-2: oklch(0.700 0.180 270);
	--chart-3: oklch(0.720 0.180 310);
	--chart-4: oklch(0.620 0.150 200);
	--chart-5: oklch(0.580 0.200 320);
	--sidebar: oklch(0.220 0.050 270);
	--sidebar-foreground: oklch(0.945 0.020 85);
	--sidebar-primary: oklch(0.643 0.124 274);
	--sidebar-primary-foreground: oklch(0.985 0.014 85);
	--sidebar-accent: oklch(0.450 0.150 280);
	--sidebar-accent-foreground: oklch(0.950 0.010 280);
	--sidebar-border: oklch(0.300 0.040 270);
	--sidebar-ring: oklch(0.643 0.124 274);
	--success: oklch(0.620 0.150 145);
	--success-foreground: oklch(0.985 0.014 85);
	--warning: oklch(0.720 0.160 65);
	--warning-foreground: oklch(0.985 0.014 85);
	--info: oklch(0.643 0.124 274);
	--info-foreground: oklch(0.985 0.014 85);
}
@media (prefers-color-scheme: dark) {
	:root:not(.light) {
		--primary: oklch(0.643 0.124 274);
		--primary-foreground: oklch(0.985 0.014 85);
		--secondary: oklch(0.280 0.050 270);
		--secondary-foreground: oklch(0.945 0.020 85);
		--accent: oklch(0.450 0.150 280);
		--accent-foreground: oklch(0.965 0.018 85);
		--background: oklch(0.165 0.040 270);
		--foreground: oklch(0.945 0.020 85);
		--card: oklch(0.220 0.050 270);
		--card-foreground: oklch(0.945 0.020 85);
		--popover: oklch(0.220 0.050 270);
		--popover-foreground: oklch(0.945 0.020 85);
		--muted: oklch(0.280 0.050 270);
		--muted-foreground: oklch(0.720 0.022 85);
		--destructive: oklch(0.620 0.220 27);
		--destructive-foreground: oklch(0.985 0.014 85);
		--border: oklch(0.300 0.040 270);
		--input: oklch(0.300 0.040 270);
		--ring: oklch(0.643 0.124 274);
		--chart-1: oklch(0.643 0.124 274);
		--chart-2: oklch(0.700 0.180 270);
		--chart-3: oklch(0.720 0.180 310);
		--chart-4: oklch(0.620 0.150 200);
		--chart-5: oklch(0.580 0.200 320);
		--sidebar: oklch(0.220 0.050 270);
		--sidebar-foreground: oklch(0.945 0.020 85);
		--sidebar-primary: oklch(0.643 0.124 274);
		--sidebar-primary-foreground: oklch(0.985 0.014 85);
		--sidebar-accent: oklch(0.450 0.150 280);
		--sidebar-accent-foreground: oklch(0.950 0.010 280);
		--sidebar-border: oklch(0.300 0.040 270);
		--sidebar-ring: oklch(0.643 0.124 274);
		--success: oklch(0.620 0.150 145);
		--success-foreground: oklch(0.985 0.014 85);
		--warning: oklch(0.720 0.160 65);
		--warning-foreground: oklch(0.985 0.014 85);
		--info: oklch(0.643 0.124 274);
		--info-foreground: oklch(0.985 0.014 85);
	}
}