/*
Theme Name: Estudio Mandarina
Theme URI: https://estudiomandarina.com
Author: Estudio Mandarina
Description: A custom block theme created for Estudio Mandarina.
Version: 1.0.7
Text Domain: estudio-mandarina
*/

:root {
	--em-font-title: Faustina, Georgia, serif;
	--em-font-body: Faustina, Georgia, serif;
	--wp--preset--font-family--atkinson-hyperlegible: Faustina, Georgia, serif;
	--wp--preset--font-family--nunito: Faustina, Georgia, serif;
	--em-title-primary: clamp(2.25rem, 5vw, 3.75rem);
	--em-title-section: clamp(2rem, 4.5vw, 3.25rem);
	--em-title-feature: clamp(1.75rem, 3.5vw, 2.5rem);
	--em-title-tertiary: clamp(1.3rem, 2.5vw, 1.75rem);
	--em-page-top-space: clamp(2rem, 3.5vw, 3.5rem);
}

html[data-font-family="current"] {
	--em-font-title: Nunito, Arial, sans-serif;
	--em-font-body: "Atkinson Hyperlegible", Arial, sans-serif;
	--wp--preset--font-family--atkinson-hyperlegible: "Atkinson Hyperlegible", Arial, sans-serif;
	--wp--preset--font-family--nunito: Nunito, Arial, sans-serif;
}

html[data-font-family="current"] body {
	font-family: var(--em-font-body);
}

html[data-font-family="current"] :where(h1, h2, h3, h4, h5, h6) {
	font-family: var(--em-font-title);
}

:where(button, input, select, textarea) {
	font-family: var(--em-font-body);
}

:where(h1) {
	font-size: var(--em-title-primary);
}

:where(h1, h2, h3, h4, h5, h6) {
	overflow-wrap: anywhere;
}

:where(h2) {
	font-size: var(--em-title-section);
}

:where(h3) {
	font-size: var(--em-title-tertiary);
}

:where(a:not(.wp-element-button)) {
	text-decoration-thickness: 0.12em;
	text-underline-offset: 0.16em;
}

:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid #302126;
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
	}
}