:root {
	--review-accent: #4ade80;
	--review-accent-light: #6ee7b7;
	--review-bg-tint: #0d2818;
	--review-border: #2a5a3a;
	--review-active-bg: #14532d;
}


a {
	color: var(--review-accent-light);
}

nav ul a.active {
	color: var(--review-accent);
	background: var(--review-active-bg);
}

nav ul a:hover {
	color: var(--review-accent-light);
}

#inner-nav {
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 16px;
	padding: 0;
	margin: 1rem 0;
}

#inner-nav a {
	color: #aaa;
	text-decoration: none;
	padding: 6px 14px;
	border-radius: 4px;
	border: 1px solid transparent;
}

#inner-nav a:hover {
	color: var(--review-accent-light);
	background: var(--review-bg-tint);
	border-color: var(--review-border);
}

#inner-nav a.active {
	color: var(--review-accent);
	background: var(--review-active-bg);
	border-color: var(--review-accent);
}