@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--background: oklch(1 0 0);
	--foreground: oklch(0.3211 0 0);

	--card: oklch(1 0 0);
	--card-foreground: oklch(0.3211 0 0);

	--popover: oklch(1 0 0);
	--popover-foreground: oklch(0.3211 0 0);

	--primary: oklch(0.4553 0.1123 252.9087);
	--primary-foreground: oklch(1 0 0);

	--secondary: oklch(0.965 0.01 252.9087);
	--secondary-foreground: oklch(0.43 0.03 252.9087);

	--muted: oklch(0.985 0.006 252.9087);
	--muted-foreground: oklch(0.55 0.02 252.9087);

	/* #3ac0ca (used for accents + charts) */
	--accent: oklch(0.95 0.035 202.4059);
	--accent-foreground: oklch(0.4553 0.1123 252.9087);

	--destructive: oklch(0.6368 0.2078 25.3313);
	--destructive-foreground: oklch(1 0 0);

	--border: oklch(0.93 0.012 252.9087);
	--input: oklch(0.93 0.012 252.9087);
	--ring: oklch(0.4553 0.1123 252.9087);

	--chart-1: oklch(0.4553 0.1123 252.9087);
	--chart-2: oklch(0.7418 0.1123 202.4059);
	--chart-3: oklch(0.62 0.1 252.9087);
	--chart-4: oklch(0.58 0.1 202.4059);
	--chart-5: oklch(0.4 0.09 252.9087);

	--sidebar: oklch(0.985 0.006 252.9087);
	--sidebar-foreground: oklch(0.3211 0 0);
	--sidebar-primary: oklch(0.4553 0.1123 252.9087);
	--sidebar-primary-foreground: oklch(1 0 0);
	--sidebar-accent: oklch(0.95 0.035 202.4059);
	--sidebar-accent-foreground: oklch(0.4553 0.1123 252.9087);
	--sidebar-border: oklch(0.93 0.012 252.9087);
	--sidebar-ring: oklch(0.4553 0.1123 252.9087);

	--font-sans: 'Noto Sans', serif;
	--font-serif: 'Noto Serif', serif;
	--font-mono: 'IBM Sans Mono', monospace;

	--radius: 0.75rem;
	--shadow-x: 0;
	--shadow-y: 1px;
	--shadow-blur: 3px;
	--shadow-spread: 0px;
	--shadow-opacity: 0.1;
	--shadow-color: oklch(0 0 0);
	--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
	--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
	--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
	--shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
	--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
	--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
	--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
	--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);

	--tracking-normal: 0em;
	--spacing: 0.25rem;
}

@media not print {
	.dark {
		--background: oklch(0.205 0.01 252.9087);
		--foreground: oklch(0.9219 0 0);

		--card: oklch(0.27 0.01 252.9087);
		--card-foreground: oklch(0.9219 0 0);

		--popover: oklch(0.27 0.01 252.9087);
		--popover-foreground: oklch(0.9219 0 0);

		--primary: oklch(0.4553 0.1123 252.9087);
		--primary-foreground: oklch(1 0 0);

		--secondary: oklch(0.27 0.01 252.9087);
		--secondary-foreground: oklch(0.9219 0 0);

		--muted: oklch(0.24 0.01 252.9087);
		--muted-foreground: oklch(0.72 0.01 252.9087);

		--accent: oklch(0.35 0.07 202.4059);
		--accent-foreground: oklch(0.88 0.05 202.4059);

		--destructive: oklch(0.6368 0.2078 25.3313);
		--destructive-foreground: oklch(1 0 0);

		--border: oklch(0.37 0.01 252.9087);
		--input: oklch(0.37 0.01 252.9087);
		--ring: oklch(0.4553 0.1123 252.9087);

		--chart-1: oklch(0.78 0.09 202.4059);
		--chart-2: oklch(0.4553 0.1123 252.9087);
		--chart-3: oklch(0.6 0.12 252.9087);
		--chart-4: oklch(0.54 0.1 202.4059);
		--chart-5: oklch(0.46 0.09 252.9087);

		--sidebar: oklch(0.205 0.01 252.9087);
		--sidebar-foreground: oklch(0.9219 0 0);
		--sidebar-primary: oklch(0.4553 0.1123 252.9087);
		--sidebar-primary-foreground: oklch(1 0 0);
		--sidebar-accent: oklch(0.35 0.07 202.4059);
		--sidebar-accent-foreground: oklch(0.88 0.05 202.4059);
		--sidebar-border: oklch(0.37 0.01 252.9087);
		--sidebar-ring: oklch(0.4553 0.1123 252.9087);

		--shadow-x: 0;
		--shadow-y: 1px;
		--shadow-blur: 3px;
		--shadow-spread: 0px;
		--shadow-opacity: 0.1;
		--shadow-color: oklch(0 0 0);
		--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
		--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
		--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
		--shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
		--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
		--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
		--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
		--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
	}
}