:root {
	--ink: #07343d;
	--ink-soft: #0f5c6d;
	--teal: #0f5c6d;
	--ocean: #1e7f98;
	--paper: #f6f8f6;
	--white: #ffffff;
	--yellow: #f2d24b;
	--yellow-strong: #f39a1e;
	--blue: #dceef2;
	--coral: #f39a1e;
	--grey: #5b6d72;
	--line: #c7d7d8;
	--line-dark: #3d6f78;
	--success: #17643a;
	--error: #a12c24;
	--font-sans: "Archivo", Arial, sans-serif;
	--font-serif: "Fraunces", Georgia, serif;
	--font-mono: "Space Mono", Consolas, monospace;
	--shell: 1240px;
	--narrow: 760px;
	--header-height: 86px;
	--radius: 8px;
	--shadow: 0 18px 48px rgba(7, 52, 61, 0.14);
}

@media (max-width: 720px) {
	:root {
		--header-height: 72px;
	}
}