/*
Theme Name: Martijn Schaap
Theme URI: https://martijnschaap.com/
Description: Schoon, zelfstandig thema voor MartijnSchaap.com. Rendert uitsluitend de eigen HTML-content, header en footer. Geen ingebouwde header, geen pagina-titel, geen opgelegde content-breedte. Full-width is de standaard; jouw eigen HTML-blokken bepalen zelf hun breedte (via hun eigen .wrap). Geen Elementor, geen Hello Elementor, geen lapwerk.
Author: Martijn Schaap
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
*/

/* Dit thema heeft bewust geen eigen opmaak. Alle styling zit in je eigen
   HTML-blokken (header, footer, paginacontent), die volledig gescopet zijn.
   Het thema levert alleen het kale geraamte van de pagina. */

/* ============================================================================
   INTER-LETTERTYPE (lokaal gehost)
   ----------------------------------------------------------------------------
   Deze @font-face-regels leveren het Inter-font voor de hele site. Door ze
   hier in style.css te zetten is de laad-keten kort: HTML -> style.css -> woff2.

   Inter is het ENIGE lettertype van de site. Geen Montserrat meer, geen
   Google Fonts. De woff2-bestanden staan in /fonts/.

   font-display:swap houdt tekst meteen zichtbaar met een systeemletter en
   schakelt om zodra Inter geladen is. Geen onzichtbare tekst tijdens het laden.
   ============================================================================ */
/* 300 - Light */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/inter-v20-latin-300.woff2') format('woff2');
}
/* 400 - Regular */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/inter-v20-latin-400.woff2') format('woff2');
}
/* 500 - Medium */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/inter-v20-latin-500.woff2') format('woff2');
}
/* 600 - SemiBold */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/inter-v20-latin-600.woff2') format('woff2');
}
/* 700 - Bold */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/inter-v20-latin-700.woff2') format('woff2');
}
/* 800 - ExtraBold */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/inter-v20-latin-800.woff2') format('woff2');
}
/* 900 - Black (voor het grote 404-cijfer) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/inter-v20-latin-900.woff2') format('woff2');
}

/* Minimale, neutrale basis zodat er geen ongewenste marges of breedtes zijn. */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

/* De content-wrapper neemt de volle breedte; jouw blokken regelen hun eigen
   binnenbreedte. Geen opgelegde max-width hier. */
.ms-site,
.ms-content {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}