:root {
	--base: #191724;
	--surface: #1f1d2e;
	--overlay: #26233a;
	--text: #e0def4;

	--foam: #9ccfd8;

	--highlight-low: color-mix(in srgb, #232136, black 5%);
	--highlight-middle: color-mix(in srgb, #2a273f, black 2%);
	--highlight-high: color-mix(in srgb, var(--overlay), white 5%);

	--header-height: 60px;
	--footer-height: 120px;
}

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-size: 16px;
	font-family: sans-serif;

	background-color: var(--surface);
	color: var(--text);

	overflow-x: hidden;
}