/**
 * Reglas globales del documento. El resto de hojas se enlazan una a una
 * desde site/snippets/layout.php, que es donde está su orden; ésta va la
 * última.
 */

body {
	font-family: "Untitled Serif", serif;
	font-size: var(--fs-base);
	line-height: var(--lh-base);
	color: var(--foreground);
	background-color: var(--background);
	margin: var(--fs-base) var(--fs-base) var(--space-iterare) var(--fs-base);
}

/**
 * Fuera de la vista pero dentro del documento: lo leen los lectores de
 * pantalla y los buscadores. Es para los títulos que el diseño no pinta,
 * como el de la home, donde el nombre del estudio ya lo dice el menú.
 * `display: none` no sirve, porque lo saca también del árbol de
 * accesibilidad.
 */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* Caja de medida de --space-iterare. Ver site/snippets/space-probe.php */
.space-probe {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	pointer-events: none;
	white-space: pre;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
}

::selection {
	background: var(--foreground);
	color: var(--foreground);
	text-shadow: none;
}

::-moz-selection {
	background: var(--foreground);
	color: var(--foreground);
	text-shadow: none;
}