/* ============================================================================
   Novosite 2026 — huisstijl-laag boven Tailwind.
   Laadt NA assets/css/tailwind.min.css (zie includes/_head.php).
   Zet centraal om, voor alle pagina's, zonder logica te raken:
     - nieuwe fonts: Baloo 2 (koppen) + Archivo (tekst)
     - koeler palet: warme creme -> koel blauwwit
     - subtielere ronding (minder rond, niet hoekig)
     - geen zwevende AI-decoratie (blobs / bollen / float)
     - geen markereffect
   ============================================================================ */

/* ---- Zelf-gehoste fonts (fonts.novosite.nl/gfonts/) ---- */
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400;font-display:swap;src:local('Baloo 2'),url('https://fonts.novosite.nl/gfonts/baloo2-latin-400.woff2') format('woff2');}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:500;font-display:swap;src:local('Baloo 2'),url('https://fonts.novosite.nl/gfonts/baloo2-latin-500.woff2') format('woff2');}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:600;font-display:swap;src:local('Baloo 2'),url('https://fonts.novosite.nl/gfonts/baloo2-latin-600.woff2') format('woff2');}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:700;font-display:swap;src:local('Baloo 2'),url('https://fonts.novosite.nl/gfonts/baloo2-latin-700.woff2') format('woff2');}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;font-display:swap;src:local('Baloo 2'),url('https://fonts.novosite.nl/gfonts/baloo2-latin-800.woff2') format('woff2');}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:local('Archivo'),url('https://fonts.novosite.nl/gfonts/archivo-latin-400.woff2') format('woff2');}
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:local('Archivo'),url('https://fonts.novosite.nl/gfonts/archivo-latin-500.woff2') format('woff2');}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:local('Archivo'),url('https://fonts.novosite.nl/gfonts/archivo-latin-600.woff2') format('woff2');}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:local('Archivo'),url('https://fonts.novosite.nl/gfonts/archivo-latin-700.woff2') format('woff2');}
@font-face{font-family:'Archivo';font-style:italic;font-weight:400;font-display:swap;src:local('Archivo Italic'),url('https://fonts.novosite.nl/gfonts/archivo-latin-400-italic.woff2') format('woff2');}

/* ---- Fonts ---- */
body,
.font-sans { font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif !important; }

h1, h2, h3, h4, .display {
  font-family: 'Baloo 2', 'Archivo', system-ui, sans-serif !important;
  letter-spacing: -0.01em;
}
.display {
  font-weight: 800 !important;
  line-height: 1.07 !important;
  letter-spacing: -0.015em !important;
}

/* ---- Koeler palet: warme creme -> koel blauwwit ---- */
body.bg-cream,
.bg-cream          { background-color: #F2F5F9 !important; }
.bg-cream\/85      { background-color: rgba(242,245,249,0.85) !important; }
.bg-cream\/80      { background-color: rgba(242,245,249,0.80) !important; }
.bg-cream\/60      { background-color: rgba(242,245,249,0.60) !important; }
.bg-cream\/30      { background-color: rgba(242,245,249,0.30) !important; }
.bg-cream-dark     { background-color: #E7ECF3 !important; }
.bg-cream-deep     { background-color: #DBE3EC !important; }
.border-cream-dark { border-color: #DEE4ED !important; }
.hover\:bg-cream-dark:hover { background-color: #E7ECF3 !important; }

/* ---- Subtiele ronding overal ---- */
.rounded-3xl { border-radius: 14px !important; }
.rounded-2xl { border-radius: 12px !important; }
.rounded-xl  { border-radius: 10px !important; }

/* Knoppen minder rond (pills -> subtiel). Cirkels/avatars (span/div/img) blijven rond. */
a[class*="rounded-full"],
button[class*="rounded-full"] { border-radius: 10px !important; }

/* ---- Geen zwevende AI-decoratie ---- */
.blur-3xl, .blur-2xl { display: none !important; }
[class*="sphere-"]   { display: none !important; }
.animate-float, .animate-float-delayed, .animate-spin-slow { animation: none !important; }

/* ---- Markereffect eruit ---- */
.highlight {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  display: inline !important;
}

/* ---- Zachtere, koelere kaartschaduw ---- */
.card-shadow    { box-shadow: 0 3px 12px rgba(31,42,62,0.07) !important; }
.card-shadow-lg { box-shadow: 0 10px 30px rgba(31,42,62,0.10) !important; }