/**
 * Mespaco typography foundation.
 *
 * Font faces are registered through theme.json so the frontend and Block
 * Editor share the same project-owned sources. These rules bridge the semantic
 * presets into Woodmart's classic-theme frontend until project components use
 * the tokens directly.
 */

:root {
	--mespaco-font-display: var(--wp--preset--font-family--display, "Estedad", Tahoma, Arial, sans-serif);
	--mespaco-font-body: var(--wp--preset--font-family--body, "Vazirmatn", Tahoma, Arial, sans-serif);
}

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

h1,
h2,
h3,
h4,
h5,
h6,
button,
[type="button"],
[type="reset"],
[type="submit"],
.mespaco-font-display {
	font-family: var(--mespaco-font-display);
}

.mespaco-font-body {
	font-family: var(--mespaco-font-body);
}