/* ==========================================================================
   Libretto — low-priority base layer, adapted from car-tco/ds-bundle's
   `@layer libretto-base` (default type/paper so plain markup already looks
   like Libretto; anything in the `components` layer below still wins).
   ========================================================================== */
@layer base {
	*, *::before, *::after { box-sizing: border-box; }
	html { background: var(--surface); }
	body {
		margin: 0;
		font-family: var(--font-sans);
		color: var(--ink);
		background: var(--surface);
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: var(--font-serif);
		color: var(--ink);
		text-wrap: balance;
		margin: 0;
	}
	p { text-wrap: pretty; margin: 0; }
	code, kbd, samp, pre { font-family: var(--font-mono); }
	a { color: var(--accent); }
	img, video { max-width: 100%; display: block; }
	::selection { background: color-mix(in oklab, var(--accent) 22%, transparent); }
	:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 2px; }
}