/**
 * Lokale webfonts + standaard typografie voor Vroege Oogst.
 * Local webfonts + default typography for the Vroege Oogst child theme.
 */

/* --- Azurio (headings, .azurio) ------------------------------------------ */

@font-face {
	font-family: 'Azurio';
	src: url('../fonts/azurio/azurio-light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Azurio';
	src: url('../fonts/azurio/azurio-regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Azurio';
	src: url('../fonts/azurio/azurio-medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Azurio';
	src: url('../fonts/azurio/azurio-semibold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Azurio';
	src: url('../fonts/azurio/azurio-bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Azurio';
	src: url('../fonts/azurio/azurio-black.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* --- Poppins (body, h5, h6, UI) ----------------------------------------- */

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins/Poppins-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

/**
 * Theme tokens — gebruik eventueel in Custom CSS elders.
 * Tokens — optionally reuse elsewhere in Custom CSS.
 */
:root {
	--vo-font-heading: 'Azurio', ui-sans-serif, system-ui, sans-serif;
	--vo-font-body: 'Poppins', ui-sans-serif, system-ui, sans-serif;
}

/**
 * Standaard: Poppins voor body/UI; Azurio voor koppen tot en met h4 + .azurio.
 * Default: Poppins on body/UI; Azurio for h1–h4 and .azurio.
 *
 * NB: Als Divi Typography dezelfde elementen plaatst, zet daar dezelfde families
 * of laat koppen los (inherit) waar mogelijk — deze regels laden na de Divi-sheet.
 */
body {
	font-family: var(--vo-font-body);
}

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

h1,
h2,
h3,
h4,
.azurio {
	font-family: var(--vo-font-heading);
}

h5,
h6 {
	font-family: var(--vo-font-body);
}

/**
 * Divi: veel modules zetten font-family op wrappers — base opnieuw zetten en koppen corrigeren.
 * Divi: many modules set font-family on wrappers; reset base and fix headings.
 */
.et_pb_row,
.et_pb_column,
.et_pb_module {
	font-family: var(--vo-font-body);
}

.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module .azurio,
.et_pb_slide_description h1,
.et_pb_slide_description h2,
.et_pb_slide_description h3,
.et_pb_slide_description h4,
.et_pb_pricing_heading h2 {
	font-family: var(--vo-font-heading);
}

.et_pb_module h5,
.et_pb_module h6,
.et_pb_slide_description h5,
.et_pb_slide_description h6 {
	font-family: var(--vo-font-body);
}