* {
	scroll-behavior: auto;

	--header-height: 160px;
	--color-primary-700: #1f2726;
	--color-primary-600: #2a3231;
	--color-primary-500: #343e3d;
	--color-primary-400: #4a5755;
	--color-primary-300: #616f6e;
	--color-primary-200: #788887;
	--color-primary-100: #8f9f9f;

	--color-secondary-700: #4b5a52;
	--color-secondary-600: #55665e;
	--color-secondary-500: #607466;
	--color-secondary-400: #75897b;
	--color-secondary-300: #8a9e90;
	--color-secondary-200: #9fb3a5;
	--color-secondary-100: #b4c8ba;

	--color-accent-700: #8fbfa3;
	--color-accent-600: #9fc9b1;
	--color-accent-500: #aedcc0;
	--color-accent-400: #bce3cd;
	--color-accent-300: #c9e9d9;
	--color-accent-200: #d7f0e6;
	--color-accent-100: #e4f6f2;

	--color-dark-700: #5faf6f;
	--color-dark-600: #6bcb7d;
	--color-dark-500: #7bd389;
	--color-dark-400: #8ad89a;
	--color-dark-300: #98dcaa;
	--color-dark-200: #a7e1bb;
	--color-dark-100: #b5e5cb;

	--color-light-700: #2bcf9a;
	--color-light-600: #32d8a4;
	--color-light-500: #38e4ae;
	--color-light-400: #56e9ba;
	--color-light-300: #74eec6;
	--color-light-200: #92f3d2;
	--color-light-100: #b0f8de;

	--background-color-900: #050817;
	--background-color-800: #0e0e0e;
	--background-color-700: #171717;
	--background-color-600: #1f1f1f;
	--background-color-500: #282828;
	--background-color-400: #3a3a3a;
	--background-color-300: #4c4c4c;
	--background-color-200: #5e5e5e;
	--background-color-100: #707070;

	--background-color-light-700: #e0e0e0;
	--background-color-light-600: #e8e8e8;
	--background-color-light-500: #f5f5f5;
	--background-color-light-400: #fafafa;
	--background-color-light-300: #fcfcfc;
	--background-color-light-200: #fdfdfd;
	--background-color-light-100: #fefefe;

	-webkit-tap-highlight-color: transparent;
}
body {
	background: var(--background-color-900);
	font-family: 'Plus Jakarta Sans', serif;
	color: white;
	padding: 0;
	margin: 0;
}

::selection {
	background: color-mix(in srgb, var(--color-light-700) 20%, transparent);
}
::-webkit-scrollbar {
	display: none;
}
@media (prefers-color-scheme: light) {
	body {
		background: var(--background-color-light-500);
	}
}
@media (max-width: 768px) {
	* {
		--header-height: 120px;
	}
}