/* ===========================================================================
   Maakministerie — design tokens
   Single source of truth for colour, type and spacing.
   ---------------------------------------------------------------------------
   Brand palette (from the client):
     Roze / pink    #E786C2
     Oranje / orange#C86305
     Groen / green  #819D3D
     Wit / cream    #DAD5CA
   Blue is intentionally NOT part of the system (only lingers on the old
   "over" page and is being phased out).
=========================================================================== */

/* ---------------------------------------------------------------------------
   Fonts
   Placard Next Condensed is a commercial font — drop the files into
   assets/fonts/ and these @font-face rules pick them up. Until then the
   condensed fallback stack renders.
--------------------------------------------------------------------------- */
@font-face {
	font-family: "Placard Next Condensed";
	src: url("../fonts/PlacardNext-CondensedLight.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Placard Next Condensed";
	src: url("../fonts/PlacardNext-CondensedRegular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Placard Next Condensed";
	src: url("../fonts/PlacardNext-CondensedMedium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Placard Next Condensed";
	src: url("../fonts/PlacardNext-CondensedBold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Onest — body / nav / normal text. Open-source (OFL), self-hosted.
   Variable font: one file covers weights 400–700. */
@font-face {
	font-family: "Onest";
	src: url("../fonts/Onest-latin.woff2") format("woff2");
	font-weight: 400 700;
	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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Onest";
	src: url("../fonts/Onest-latin-ext.woff2") format("woff2");
	font-weight: 400 700;
	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;
}

:root {
	/* --- Brand colours ------------------------------------------------- */
	--pink:   #E786C2;
	--orange: #C86305;
	--green:  #819D3D;
	--cream:  #DAD5CA;
	/* Legacy blue — used sparingly (e.g. the Over "makershal" section). */
	--blue:   #254FAC;

	/* Neutral ink for text (warm near-black, not pure #000). */
	--ink:    #1E1B17;

	/* --- Semantic roles ------------------------------------------------ */
	--color-bg:      var(--cream);
	--color-surface: #EFEBE3;          /* slightly lighter than cream */
	--color-fg:      var(--ink);
	--color-muted:   #6E685E;
	--color-accent:  var(--orange);    /* default accent; swap per section */
	--color-border:  rgba(30, 27, 23, 0.14);

	/* --- Typography ---------------------------------------------------- */
	/* Display / logo / headings. */
	--font-display: "Placard Next Condensed", "Oswald", "Arial Narrow", "Helvetica Neue Condensed", sans-serif;
	/* Body / nav / normal text. */
	--font-body: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--fs-body:   1.0625rem;
	--fs-h1:     clamp(2.5rem, 7vw, 5rem);
	--fs-h2:     clamp(1.75rem, 4vw, 2.75rem);
	--fs-h3:     clamp(1.25rem, 2.5vw, 1.6rem);
	--lh-body:   1.6;
	--lh-tight:  1.02;
	--tracking-display: 0.01em;

	/* --- Spacing scale ------------------------------------------------- */
	--space-1: 0.5rem;
	--space-2: 1rem;
	--space-3: 1.5rem;
	--space-4: 2.5rem;
	--space-5: 4rem;
	--space-6: 6rem;

	/* --- Layout -------------------------------------------------------- */
	--maxw:      72rem;
	--maxw-text: 42rem;
	--radius:    0;                    /* client dislikes boxy/tile look */
}