/*
 * Base typography and resets that apply everywhere.
 *
 * The reference is FWRD: left aligned, quiet, generous space, micro-text used deliberately rather
 * than decoratively.
 */

body {
	font-family: var(--akem-font);
	color: var(--akem-ink);
	background: var(--akem-surface);
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--akem-ink);
	text-underline-offset: 0.2em;
}

a:hover,
a:focus-visible {
	color: var(--akem-blue);
}

:focus-visible {
	outline: 2px solid var(--akem-blue);
	outline-offset: 2px;
}

.akem-micro {
	font-size: var(--akem-size-micro);
	letter-spacing: var(--akem-tracking-micro);
	text-transform: uppercase;
	color: var(--akem-grey);
}