:root {
	--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-heading: "Metropolis", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-black: 900;
}

body {
	--nav-open-height: 240px;
	--hero-random-1: var(--black-2);
	--hero-random-2: var(--black-2);
}

body[data-color-scheme="auto"],
body[data-color-scheme="light"] {
	--white-opacity-8: rgba(255, 255, 255, 0.8);
	--white-1-opacity-8: rgba(229.5, 229.5, 229.5, 0.8);
	--white: #fff;
	--white-1: rgb(229.5, 229.5, 229.5);
	--white-2: rgb(204, 204, 204);

	--grey: rgb(127.5, 127.5, 127.5);

	--black: #000;
	--black-2: rgb(51, 51, 51);
	--black-4: rgb(102, 102, 102);

	--border-color: #8882;

	--link: #006bdd;

	--nav-effect: saturate(180%) blur(5px);
	--rainbow-opacity: 25%;

	--blue: #007bff;
	--white-txt-on-blue-bg: #fff;

	--nav-bg: var(--white-opacity-8);

	--footer-link-grey: #515154;

	--body-bg: #f9f9f9;
	--card-bg: #fff;
	--card-title: #1d1d1f;
	--card-time: #6e6e73;
	--date-txt: #6e6e73;

	--nav-arrow: #1d1d1f;
}

@media (prefers-color-scheme: dark) {
	body[data-color-scheme="auto"] {
		--white-opacity-8: rgba(0, 0, 0, 0.8);
		--white-1-opacity-8: rgba(25.5, 25.5, 25.5, 0.8);
		--white: #000;
		--white-1: rgb(25.5, 25.5, 25.5);
		--white-2: rgb(51, 51, 51);

		--black: #fff;
		--black-2: rgb(204, 204, 204);
		--black-4: rgb(153, 153, 153);

		--border-color: #8884;

		--link: #2c92ff;

		--nav-effect: saturate(180%) blur(5px);
		--rainbow-opacity: 15%;

		--blue: #007bff;
		--white-txt-on-blue-bg: #c0dfff;

		--nav-bg: rgba(0, 0, 0, 0.5);

		--footer-link-grey: #a1a1a6;

		--body-bg: #101010;
		--card-bg: #1e1e1e;
		--card-title: #dddddd;
		--card-time: #6e6e73;
		--date-txt: #6e6e73;

		--nav-arrow: #e5e5ee;
	}
}

body[data-color-scheme="dark"] {
	--white-opacity-8: rgba(0, 0, 0, 0.8);
	--white-1-opacity-8: rgba(25.5, 25.5, 25.5, 0.8);
	--white: #000;
	--white-1: rgb(25.5, 25.5, 25.5);
	--white-2: rgb(51, 51, 51);

	--black: #fff;
	--black-2: rgb(204, 204, 204);
	--black-4: rgb(153, 153, 153);

	--border-color: #8884;

	--link: #2c92ff;

	--nav-effect: saturate(180%) blur(5px);
	--rainbow-opacity: 15%;

	--blue: #007bff;
	--white-txt-on-blue-bg: #c0dfff;

	--nav-bg: rgba(0, 0, 0, 0.5);

	--footer-link-grey: #a1a1a6;

	--body-bg: #101010;
	--card-bg: #1e1e1e;
	--card-title: #dddddd;
	--card-time: #6e6e73;
	--date-txt: #6e6e73;

	--nav-arrow: #e5e5ee;
}