/* ── RESET & GLOBALS ── */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {
	--color-gray: #666666;
	--color-light-gray: transparent;
	--color-dark: #0a0a0a;
	--color-white: #fdfdfd;
	--primary: #0537ff;
	--primary-100: rgba(5, 55, 255, 0.2);
}

body {
	min-height: 100vh;
	background: var(--color-white);
	color: var(--color-dark);
	display: flex;
	flex-direction: column;
}

::selection {
	background: var(--color-dark);
	color: var(--color-white);
}

img::selection {
	background: transparent;
}

a,
button {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

/* Buttons do not inherit typography by default — without this they render in the system UI font */
button {
	font: inherit;
	letter-spacing: inherit;
}

/* ── MAIN ── */
main {
	padding-bottom: 96px;
	flex: 1;
}