:root {
	--color-primary: #0345bf;
	--color-primary-hover: #044cd0;
	--color-brand-dark: #204d09;
	--color-text: #252525;
	--color-text-muted: #5a5a5a;
	--color-bg: #ffffff;
	--color-bg-alt: #f0f5fe;
	--color-border: #dbe3f5;
	--color-on-brand-dark: #ffffff;

	--font-heading: "Barlow Condensed", "Arial Narrow", sans-serif;
	--font-body: "Mate", "Helvetica Neue", Arial, sans-serif;

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

	--radius: 6px;
	--max-width: 72rem;
}