/**
 * Basisstijlen van jorgenvangeert.be die niet in Elementor zelf zitten.
 *
 * 1. Montserrat, zelf gehost en site-breed. De Theme Style in de
 *    Elementor-kit schrijft Montserrat voor op body, koppen, knoppen en
 *    formuliervelden; dit bestand levert het lettertype zelf.
 * 2. Basis van de voorpagina: papierkleurige achtergrond, tekstkleur,
 *    selectiekleur en vloeiend scrollen naar de ankers van het menu.
 *
 * Stond tot 24/09/2026 in wp-content/novamira-sandbox/ (jvg-fonts.css en
 * jvg-site.css, geladen door jvg-site.php). Verhuisd naar het child theme
 * zodat de site niet meer van Novamira afhangt. De kleuren komen uit de
 * Global Colors van de kit (papier, primary, accent, wit).
 *
 * Wordt geladen door inc/assets.php.
 *
 * @author Buro 86 webdesign <https://buro86.be/>
 */

/* -------------------------------------------------------------------------
 * 1. Montserrat
 * ---------------------------------------------------------------------- */

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/montserrat-latin.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Montserrat";
	src: url("../fonts/montserrat-latin-ext.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
		U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
		U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* -------------------------------------------------------------------------
 * 2. Voorpagina
 *
 * Enkel op de voorpagina, net als voorheen (jvg-site.css laadde alleen
 * daar). De tekenreeks en regelhoogte blijven letterlijk gelijk aan het
 * origineel, zodat de pagina geen pixel verschuift.
 * ---------------------------------------------------------------------- */

html:has(body.home) {
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html:has(body.home) {
		scroll-behavior: auto;
	}
}

body.home {
	margin: 0;
	background: var(--e-global-color-papier, #F6F5F2);
	color: var(--e-global-color-primary, #20242A);
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

body.home ::selection {
	background: var(--e-global-color-accent, #EE5A24);
	color: var(--e-global-color-wit, #FFFFFF);
}