/* Dark-mode token overrides.
 *
 * Behoud editorial sfeer uit DESIGN.md: warm-neutraal, ingetogen.
 * Geen pure zwart — #1a1a17 als "warm donker", inverties van het
 * light-palet. Alle WCAG-contrasten ≥ 4.5:1 op body, ≥ 3:1 op large.
 *
 * Contrast-spotcheck:
 *  - #f2f1ec op #1a1a17 (body)         → ~14:1   AAA
 *  - #b8b5ac op #1a1a17 (muted)        → ~7:1    AAA
 *  - #f2f1ec op #232118 (card)         → ~13:1   AAA
 *  - #1a1a17 op #f2f1ec (primary btn)  → ~14:1   AAA
 */

[data-theme="dark"] {
  /* Primary inverteerd: zo blijft de CTA-knop hoog contrast (witte
     bg + donkere tekst) in donker thema. */
  --color-primary: #f2f1ec;
  --color-accent: #b8b3ff;

  /* Surface-laagjes — warm-donker palet */
  --color-surface: #1a1a17;
  --color-surface-lowest: #232118;
  --color-surface-low: #1f1e17;
  --color-surface-container: #2a2823;
  --color-surface-high: #322f29;

  /* Tekst */
  --color-text: #f2f1ec;
  --color-text-muted: #b8b5ac;

  /* Outline / borders */
  --color-border: #4a4742;
  --color-outline: #6e6b62;

  /* Secondary (zachte salie blijft, maar lichtere variant op donker) */
  --color-secondary: #aebdb1;
  --color-secondary-container: #2c3a31;
  --color-on-secondary-container: #d3e8d7;

  /* Tertiary — lavendel <-> blauw inverteerd */
  --color-tertiary-fixed: #2f2ebe;
  --color-on-tertiary-fixed-variant: #e1e0ff;

  /* Primary-fixed (zand) inverteerd voor seminar-badge */
  --color-primary-fixed: #3a3528;
  --color-on-primary-fixed: #e7e2d4;

  /* Error — Material You dark-mode error-rol */
  --color-error: #ffb4ab;
  --color-on-error: #690005;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad6;

  /* Urgent (M7 Fase G) — iets lichtere variant op donker, witte tekst
     blijft AAA-contrast tegen het rood (#e04a4f → witte tekst ≥ 4.5:1). */
  --color-urgent: #e04a4f;
  --color-on-urgent: #ffffff;

  /* Schaduwen: donker palet vraagt diepere maar subtielere drop-shadow */
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);
  --shadow-bar: 0 4px 20px rgba(0, 0, 0, 0.2);
  --shadow-footer-up: 0 -10px 30px rgba(0, 0, 0, 0.4);

  /* Borders subtieler */
  --border-card: 1px solid color-mix(in srgb, #4a4742 50%, transparent);
  --border-light: 1px solid color-mix(in srgb, #4a4742 70%, transparent);
  --border-header-footer: 1px solid #2a2823;
}

/* Theme-toggle: de donkere mode toont het sun-icoon
   (klik = naar light). De light-mode toont het moon-icoon. */
[data-theme="dark"] .theme-toggle__icon--dark {
  display: none;
}
[data-theme="dark"] .theme-toggle__icon--light {
  display: inline-flex;
}

/* Button.primary contrast in dark-mode: bg=witte primary,
   tekst=donkere surface-lowest. */
[data-theme="dark"] .button--primary {
  color: var(--color-surface-lowest);
}