/**
 * Global primitives only. Component rules belong in their dedicated files.
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	background: var(--dl-bg);
	color: var(--dl-text);
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--dl-accent);
	outline-offset: 3px;
	box-shadow: var(--dl-focus);
}

.dl-container {
	width: min(100% - (2 * var(--dl-gutter)), var(--dl-content));
	margin-inline: auto;
}

.dl-container--wide {
	max-width: var(--dl-content-wide);
}