:root {
	--font-sm:       0.8rem;
	--font-sm-2:      0.85rem;
	--font-base:     1rem;
	--font-subtitle: 1.25rem;
	--font-heading:  1.5rem;
	--accent:        #ff9900;
}

/* Navbar */
.navbar {
	position: fixed;
	bottom: 0; left: 0; right: 0;
	height: 3rem;
	background: #1e1e1e;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem;
	gap: 0.25rem;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	z-index: 100;
}

.navbar a,
.navbar strong {
	padding: 0 0.75rem;
	font-size: var(--font-sm);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	text-decoration: none;
	color: #555;
	background: none;
	white-space: nowrap;
	transition: color 0.15s;
}

.navbar a:visited {
	color: #555;
}

.navbar a:hover {
	color: #ccc;
}

.navbar strong,
.navbar a.active {
	color: var(--accent);
}

.navbar .key {
	text-decoration: underline;
	text-underline-offset: 3px;
}