/* Variables */
:root {
	--color-bg: #151515;
	--color-highlight: #FBE166;
	--color-default: #b8b8b8;
	--color-dim: #444;
	--font-sans: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
	--font-size: 16px;
	--spacing: 1.5em;
}

/* Base Styles */
* {
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	font-feature-settings: "kern" 1,"liga" 1;
}

html {
	font-size: var(--font-size);
	font-family: var(--font-sans);
	line-height: 1.5;
	background-color: var(--color-bg);
	color: var(--color-default);
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "onum" 1, "liga" 1;
	padding: 1.5rem;
}

body {
	margin: 1vw 2vw;
}

/* Typography */
a {
	color: var(--color-default);
	text-decoration: underline;
	text-decoration-color: var(--color-dim);
}

a:hover {
	transition: color 0.2s ease-in;
	color: var(--color-highlight);
}