/* ===== PlanWinst thema: wit + marine (#0e2a47) =====
 * Gedeeld over de app: planner, beheer, login en alle sub-sites.
 * Moet ná de pagina-<style> geladen worden (wint dan de font-stack).
 *
 * Let op: dit bestand zet --primary/--primary-2/--primary-3 en wint daarmee van
 * de :root in de pagina-<style>. Stond hier lang #0b1f38, waardoor de nieuwe
 * huisstijl op elke pagina werd teruggedraaid. Nu dezelfde waarden als in de
 * templates: #0e2a47 / #14406e / #1b5a9e.
 */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/static/fonts/inter.woff2') format('woff2'); }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('/static/fonts/manrope.woff2') format('woff2'); }

body, button, input, select, textarea {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
}
h1, h2, h3 {
  font-family: 'Manrope', 'Inter', system-ui, sans-serif;
}

/* Main-kleuren: alle primaire blauwtinten naar de marine van het logo (#0e2a47) */
:root {
  --primary: #0e2a47;
  --primary-2: #14406e;
  --primary-3: #1b5a9e;
}

/* Grote kleurvlakken strak marine i.p.v. lichtblauw verloop */
header {
  background: #0e2a47;
  box-shadow: 0 4px 20px rgba(6, 15, 30, 0.35);
}
header .nav a.actief,
header .nav a.klantmodus-link {
  background: #ffffff;
  color: #0e2a47;
  border-color: transparent;
}
header .bel-link.actief {
  background: #ffffff;
  color: #0e2a47;
  border-color: transparent;
}
header .bel-link.actief .signaal-badge {
  background: #0e2a47;
  color: #ffffff;
}
header .menu-dropdown a.actief {
  background: #eef3fa;
  color: #0e2a47;
}

/* Planner-modals: kop in dezelfde marine */
.detail-kop, .dag-modal-kop {
  background: linear-gradient(150deg, #081c33, #0e2a47 55%, #123354);
}