/* Gedeeld fundament: fonts + brand-variabelen (bron: BRAND.md v1.3).
   Kleuren als vlakken, geen gradients. Gelicenseerde GT Walsheim (Grilli Type,
   2026-08): Light = grote koppen, Medium = sub-koppen, Regular = body
   (font-synthesis uit; cursief alleen via de echte Regular-Oblique).
   Familienaam "GT Walsheim Pro" is de zelfgekozen @font-face-naam — zo laten,
   alle CSS en config verwijst ernaar. */

@font-face {
  font-family: "GT Walsheim Pro";
  src: url("/assets/fonts/GT-Walsheim-Light.woff2") format("woff2"),
       url("/assets/fonts/GT-Walsheim-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GT Walsheim Pro";
  src: url("/assets/fonts/GT-Walsheim-Regular.woff2") format("woff2"),
       url("/assets/fonts/GT-Walsheim-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GT Walsheim Pro";
  src: url("/assets/fonts/GT-Walsheim-Medium.woff2") format("woff2"),
       url("/assets/fonts/GT-Walsheim-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GT Walsheim Pro";
  src: url("/assets/fonts/GT-Walsheim-Regular-Oblique.woff2") format("woff2"),
       url("/assets/fonts/GT-Walsheim-Regular-Oblique.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --cyan: #14aed1;
  --cyan-licht: #1fb7d1;
  --cyan-deep: #089fcc;
  --oranje: #fc9149;
  --oranje-licht: #f49e64;
  --oranje-deep: #e27c37;
  --zwart: #000000;
  --wit: #ffffff;
  --font: "GT Walsheim Pro", system-ui, -apple-system, sans-serif;
}

html { font-family: var(--font); font-synthesis: none; }