:root {
	--color-bg: #04131d;
	--color-bg-soft: #0b2230;
	--color-surface: #102d3f;
	--color-surface-soft: #15394f;
	--color-text: #f4f8fb;
	--color-text-soft: #c8d9e4;
	--color-primary: #25c2a7;
	--color-primary-strong: #1aa28b;
	--color-border: rgba(255, 255, 255, 0.16);
	--color-glass-surface: rgba(255, 255, 255, 0.1);
	--color-glass-surface-hover: rgba(255, 255, 255, 0.16);
	--color-glass-border: rgba(255, 255, 255, 0.28);
	--color-focus: #ffd166;

	--font-main: "Avenir Next", "Segoe UI", sans-serif;

	--space-1: 0.5rem;
	--space-2: 0.75rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 2rem;
	--space-6: 3rem;

	--radius-1: 0.75rem;
	--radius-2: 1rem;
	--radius-3: 1.5rem;

	--shadow-1: 0 0.5rem 1.75rem rgba(0, 0, 0, 0.25);
	--shadow-2: 0 1rem 2.5rem rgba(0, 0, 0, 0.32);

	--container: 72rem;
	--header-height: 4.5rem;

	--duration-fast: 180ms;
	--duration-mid: 320ms;
}