/* ── Lichtstand-laag (22-08-2026) ─────────────────────────────────────────
   Zet de donkere v2-schil in het cyclorama-lichtplan van r4m maX v1
   (Impeccable DESIGN.md: nacht → rose → dageraad → dag; status is licht).
   Alleen uiterlijk: geen data, geen structuur. Laadt als laatste en wint. */
@import url('https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap');

:root {
  --bg: #efeaff;
  --bg-card: #ffffff;
  --bg-card-hover: #f0edff;
  --border: #ddd5f0;
  --border-accent: #b7aee8;
  --text: #0b0e13;
  --text-dim: #3a3547;
  --text-muted: #6b6580;
  --accent: #0a2bff;      /* kobalt */
  --groen: #0c7a52;
  --geel: #8a6d00;
  --rood: #b03030;
  --paars: #6b3fa0;
  --cyaan: #0a5f8a;
}

body {
  background-color: #efeaff;
  background-image: linear-gradient(180deg, #7a41f7 0%, #8a5cf0 120px, #8d6bff 280px, #d9d4ff 520px, #efeaff 760px);
  background-repeat: no-repeat;
  color: var(--text-dim);
}

h1, h2, .hero-title { font-family: 'Saira Stencil One', 'Arial Black', sans-serif; font-weight: 400; letter-spacing: .02em; }

/* koppen die op de rose-wand bovenaan staan blijven leesbaar: kaarten eronder zijn wit */
.top-nav { background: rgba(5, 5, 6, 0.88); backdrop-filter: blur(6px); border-bottom: none; }
.top-nav, .top-nav a, .top-nav .brand-title { color: #fff; }
.top-nav .terug { color: #e6e1ff; border-color: rgba(255,255,255,.35); }
.top-nav .terug:hover { color: #fff; border-color: #fff; }
.hoofdtabs a { color: #cfd8ff; }
.hoofdtabs a:hover, .hoofdtabs a.actief { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.3); }

/* tekst die rechtstreeks op de wand staat (eerste scherm) */
main > .kruimel, main > h1, main > .lead, .kruimel, header h1 { color: #fff; }
main > .lead, .lead { color: #efeaff; }
main > h1 { text-shadow: 0 1px 10px rgba(5,5,6,.25); }

/* kaarten worden dag-wit met zachte schaduw */
[class*="-card"], .b-kaart, .agenda-item {
  box-shadow: 0 2px 12px rgba(29, 20, 64, 0.10);
}

/* mono-labels in de oude stencil-geest */
.filter-legenda, .band-label { letter-spacing: .22em; }