:root {
	--ink: #22282b;
	--ink-soft: #495053;
	--muted: #5b666b;
	--quiet: #8b979c;
	--accent: #2e8fa6;
	--accent-bright: #3fcced;
	--surface: #ffffff;
	--surface-soft: #f5f8f9;
	--border: #e2e9ec;
	--dark: #1a2124;
	--font-display: 'Bricolage Grotesque', sans-serif;
	--font-body: 'Instrument Sans', sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	color: var(--ink);
	font-family: var(--font-body);
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--accent);
	text-decoration: none;
}

a:hover {
	color: var(--accent-bright);
}

button,
input,
textarea {
	font: inherit;
}

[hidden] {
	display: none !important;
}