:root {
  --sb-bg:        #002F63;
  --sb-bg2:       #002F63;
  --sb-bg3:       #002F63;
  --sb-tekst:     #ffffff;
  --sb-gedempt:   rgba(255,255,255,0.65);
  --sb-rand:      rgba(255,255,255,0.15);
  --sb-goud:      #ffffff;
  --sb-goud2:     rgba(255,255,255,0.85);
  --sb-actief-bg: rgba(255,255,255,0.18);
  --achtergrond:  #ffffff;
  --kaart2:       rgba(255,255,255,0.10);
  --tekst:        #1a2238;
  --tekst2:       #334155;
  --gedempt:      #475569;
  --betaal-bg:    rgb(229,0,77);
  --betaal-rand:  rgb(180,0,60);
  --betaal-tekst: #ffffff;
  --goud:         #002F63;
  --goud2:        #002050;
  --goud-bg:      rgba(0,61,165,0.10);
  --banner-bg1:   #f8fafc;
  --banner-bg2:   #f1f5f9;
  --banner-tekst: #1a2238;
  --banner-sub:   #64748b;
}
/* Header: wit met blauwe onderlijn */
.hoofd-header {
  background: #ffffff !important;
  border: none !important;
  border-bottom: 5px solid #002F63 !important;
  box-shadow: none !important;
}
.hh-naam  { color: #002F63 !important; }
.hh-sub   { color: #64748b !important; }
.hh-tijd  { color: #1a2238 !important; }
.hh-tz    { color: #64748b !important; }
.hh-user  { color: #64748b !important; }
.hh-login { color: #64748b !important; }
/* Sidebar: blauw */
.hoofd-sidebar, .hoofd-nav {
  background: #002F63 !important;
  border-right: none !important;
}
/* Navigatie links */
.sn { color: rgba(255,255,255,0.80) !important; }
.sn:hover { color: #ffffff !important; background: rgba(255,255,255,0.12) !important; }
.sn.actief { color: #ffffff !important; background: rgba(255,255,255,0.20) !important; font-weight: 600; }
.sn-admin { color: rgba(255,255,255,0.70) !important; }
.sn-admin:hover { color: #ffffff !important; }
/* Sectiekopjes Navigatie / Deelnemer / Beheer */
.sidebar-sectie-label {
  background: rgb(229,0,77) !important;
  color: #ffffff !important;
}
/* Pagina achtergrond: wit */
body, html, .hoofd-wrapper, .hoofd-content, .pagina-wrapper, .main-content,
.hoofd-main, .pagina, .content, main { background: #ffffff !important; }
/* Kaarten: blauw met witte tekst */
.kaart {
  background: #002F63 !important;
  border-color: #002050 !important;
  color: #ffffff !important;
  --tekst:   #ffffff;
  --tekst2:  rgba(255,255,255,0.85);
  --gedempt: rgba(255,255,255,0.65);
  --rand:    rgba(255,255,255,0.15);
  --groen:   #4ade80;
  --rood:    #f87171;
  --oranje:  #fb923c;
  --goud2:   #fbbf24;
}
.kaart-titel { color: #ffffff !important; }
.kaart p, .kaart span, .kaart div, .kaart td, .kaart th, .kaart label,
.kaart a, .kaart small, .kaart strong, .kaart em, .kaart li {
  color: #ffffff !important;
}
.kaart-hoofd { border-bottom-color: rgba(255,255,255,0.15) !important; }
/* Invoervelden uitzondering */
.kaart input, .kaart select, .kaart textarea,
input.veld-input, select.veld-input {
  color: #1a2238 !important;
}
/* Stat kaartjes: blauw */
.stat-kaartje { background: #002F63 !important; border-color: #002050 !important; }
.stat-kaartje .getal { color: #ffffff !important; }
.stat-kaartje .label { color: rgba(255,255,255,0.70) !important; }
/* Invoervelden */
.kaart input, .kaart select, .kaart textarea,
.kaart .veld-input, input.veld-input, select.veld-input, textarea.veld-input,
input[type='datetime-local'], input[type='text'], input[type='number'],
input[type='email'], input[type='password'], select, textarea {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #1a2238 !important;
}
input::placeholder, textarea::placeholder { color: #94a3b8 !important; }
/* Outline knoppen: rood */
.btn-outline {
  border-color: rgb(229,0,77) !important;
  color: rgb(229,0,77) !important;
}
.btn-outline:hover {
  background: rgb(229,0,77) !important;
  color: #ffffff !important;
}
/* Randen */
.kaart table { border-color: rgba(255,255,255,0.15) !important; }
.kaart .stand-tabel tr { border-color: rgba(255,255,255,0.12) !important; }
/* Admin */
.admin-topbar { background: #f1f5f9; border-bottom-color: #e2e8f0; color: #1a2238; }
.admin-kaart { border-top-color: #002F63 !important; }
.admin-kaart:hover { border-color: #002F63 !important; }
.admin-kaart .titel { color: #002F63 !important; }
.admin-kaart .omschrijving { color: #475569 !important; }
/* Knoppen */
.btn-goud { background: #002F63 !important; color: #fff !important; }
.btn-goud:hover { background: #002050 !important; }
/* Actieve tab: rood in Eredivisie thema */
.tab-knop.actief {
  color: #ffffff !important;
  background: rgb(229,0,77) !important;
  border-bottom-color: rgb(229,0,77) !important;
}
.stand-punten { color: #002F63 !important; }
.voortgang-vulling { background: linear-gradient(90deg, #002F63, #002050) !important; }
.pool-banner, .pool-banner * { display: none !important; }
/* Wedstrijd rijen buiten kaart */
.wedstrijd-rij {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
.wedstrijd-rij:hover { background: #f1f5f9 !important; }
.wedstrijd-rij.exact { background: rgba(0,47,99,0.08) !important; }
.melding-warning, .melding.melding-warning {
  background: rgb(229,0,77) !important;
  border-color: rgb(180,0,60) !important;
  color: #ffffff !important;
}
.melding-warning a, .melding-warning strong {
  color: #ffffff !important;
}
.pagina-titel {
  color: #ffffff !important;
  background: rgb(229,0,77) !important;
  padding: .2rem .6rem !important;
  border-radius: 4px !important;
  display: inline-block !important;
}
.pagina-subtitel { color: #1a2238 !important; }
.kaart .sr-tip, .sr-tip {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.25) !important;
}
.kaart2 {
  background: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
}