@layer base {
	a {
		color: var(--tf-accent);
		text-underline-offset: 0.15em;
	}

	a:hover {
		color: var(--tf-accent-hover);
	}

	a:focus-visible,
	button:focus-visible,
	input:focus-visible,
	textarea:focus-visible,
	select:focus-visible {
		outline: none;
		box-shadow: var(--tf-focus-ring);
	}

	button {
		cursor: pointer;
	}

	hr {
		border: none;
		border-block-start: 1px solid var(--tf-border-subtle);
	}
}