/**
 * Configuración raíz del documento.
 *
 * @package Groowleck
 */

:root {
	color-scheme: light;
	accent-color: var(--groowleck-color-accent);
	font-synthesis: none;
}

html {
	min-width: 20rem;
	background: var(--groowleck-color-background);
}

body {
	overflow-wrap: break-word;
	background: var(--groowleck-color-background);
	color: var(--groowleck-color-text-body);
	font-family: var(--groowleck-font-sans);
	font-size: var(--groowleck-font-size-md);
	font-weight: var(--groowleck-font-weight-regular);
	line-height: var(--groowleck-line-height-body);
}

::selection {
	background: var(--groowleck-color-accent-soft);
	color: var(--groowleck-color-text-heading);
}

:focus-visible {
	outline: 0;
	box-shadow: var(--groowleck-shadow-focus);
}

[hidden] {
	display: none !important;
}

.site-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: var(--groowleck-color-background);
}