@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&family=Orbitron:wght@400;700&display=swap');

/* ── Licht (standaard) ─────────────────────────────── */
body {
  transition: background 0.3s, color 0.3s;
}

/* ── Donker ─────────────────────────────────────────── */
body[data-theme="donker"] {
  background-color: #1a1a2e;
  color: #e0e0e0;
}
body[data-theme="donker"] .navbar { background-color: #16213e !important; }
body[data-theme="donker"] pre.sourceCode { background-color: #0f3460 !important; border-color: #1a4a7a; }
body[data-theme="donker"] a { color: #7ec8e3; }
body[data-theme="donker"] h1, body[data-theme="donker"] h2, body[data-theme="donker"] h3 { color: #ffffff; }
body[data-theme="donker"] table { color: #e0e0e0; }
body[data-theme="donker"] .callout { background-color: #16213e; border-color: #0f3460; }
body[data-theme="donker"] code { background-color: #0f3460; color: #7ec8e3; }
body[data-theme="donker"] .sidebar,
body[data-theme="donker"] .nav-sidebar,
body[data-theme="donker"] .sidebar-navigation,
body[data-theme="donker"] .sidebar-menu-container { background-color: #16213e !important; }
body[data-theme="donker"] .sidebar-item-text,
body[data-theme="donker"] .sidebar-link,
body[data-theme="donker"] .sidebar-title,
body[data-theme="donker"] .sidebar-header { color: #c0cce0 !important; }
body[data-theme="donker"] .sidebar-link:hover { color: #ffffff !important; }
body[data-theme="donker"] .sidebar-link.active { color: #7ec8e3 !important; }

/* ── Kind ───────────────────────────────────────────── */
body[data-theme="kind"] {
  background-color: #fffdf7;
  color: #2d2d2d;
  font-family: "Nunito", sans-serif;
  font-size: 1.1rem;
  line-height: 1.8;
}
body[data-theme="kind"] h1, body[data-theme="kind"] h2, body[data-theme="kind"] h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  color: #e05a00;
}
body[data-theme="kind"] .navbar { background-color: #e05a00 !important; }
body[data-theme="kind"] pre.sourceCode { background-color: #f5f0e8 !important; border: 2px solid #e8dfc8; border-radius: 1rem; }
body[data-theme="kind"] a { color: #e05a00; }
body[data-theme="kind"] .callout { border-radius: 1rem; }
body[data-theme="kind"] table { border-radius: 0.75rem; overflow: hidden; }

/* ── Space ──────────────────────────────────────────── */
body[data-theme="space"] {
  background-color: #0b0b1a;
  color: #c9d1f5;
  font-family: "Orbitron", "Courier New", monospace;
}
body[data-theme="space"] h1, body[data-theme="space"] h2, body[data-theme="space"] h3 {
  font-family: "Orbitron", monospace;
  color: #a78bfa;
  text-shadow: 0 0 8px rgba(167, 139, 250, 0.5);
}
body[data-theme="space"] .navbar { background-color: #1a0a3e !important; }
body[data-theme="space"] pre.sourceCode { background-color: #0d0d2b !important; border: 1px solid #4c1d95; }
body[data-theme="space"] a { color: #a78bfa; }
body[data-theme="space"] code { color: #7dd3fc; background-color: #0d0d2b; }
body[data-theme="space"] .callout { background-color: #0d0d2b; border-color: #4c1d95; }
body[data-theme="space"] .sidebar,
body[data-theme="space"] .nav-sidebar,
body[data-theme="space"] .sidebar-navigation,
body[data-theme="space"] .sidebar-menu-container { background-color: #0d0d2b !important; }
body[data-theme="space"] .sidebar-item-text,
body[data-theme="space"] .sidebar-link,
body[data-theme="space"] .sidebar-title,
body[data-theme="space"] .sidebar-header { color: #c9d1f5 !important; }
body[data-theme="space"] .sidebar-link:hover { color: #ffffff !important; }
body[data-theme="space"] .sidebar-link.active { color: #a78bfa !important; }

/* ── Jongen ─────────────────────────────────────────── */
body[data-theme="jongen"] {
  background-color: #f0f7ff;
  color: #1a2a3a;
}
body[data-theme="jongen"] h1, body[data-theme="jongen"] h2, body[data-theme="jongen"] h3 { color: #1a4a8a; font-weight: 800; }
body[data-theme="jongen"] .navbar { background-color: #1a4a8a !important; }
body[data-theme="jongen"] pre.sourceCode { background-color: #e0eeff !important; border: 2px solid #b0c8f0; }
body[data-theme="jongen"] a { color: #1a4a8a; }
body[data-theme="jongen"] .callout { background-color: #e0eeff; border-color: #1a4a8a; }

/* ── Meisje ─────────────────────────────────────────── */
body[data-theme="meisje"] {
  background-color: #fff5fa;
  color: #2d1a2a;
  font-family: "Nunito", sans-serif;
}
body[data-theme="meisje"] h1, body[data-theme="meisje"] h2, body[data-theme="meisje"] h3 {
  font-family: "Nunito", sans-serif;
  font-weight: 800;
  color: #c0267a;
}
body[data-theme="meisje"] .navbar { background-color: #c0267a !important; }
body[data-theme="meisje"] pre.sourceCode { background-color: #fce4f0 !important; border: 2px solid #f0aad0; border-radius: 1rem; }
body[data-theme="meisje"] a { color: #c0267a; }
body[data-theme="meisje"] .callout { border-radius: 1rem; background-color: #fce4f0; border-color: #c0267a; }
body[data-theme="meisje"] table { border-radius: 0.75rem; overflow: hidden; }