:root {
	--active-link-thickness: 0.3rem;
	--default-link-thickness: 0.1rem;
}

a {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: var(--default-link-thickness);
	text-underline-offset: 0.25em;
	text-decoration-color: var(--secondary-dark);
}

a:hover {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: var(--active-link-thickness);
}

a:active {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: var(--active-link-thickness);
}