/* Vrolijke uitstraling met veel kleur (verzoek praktijk 20-10): framboos als actiekleur, paars als accent, warme crème grond. Contrast op wit blijft minstens 4.5:1. */
:root {
  --m-accent: #6f42c1;
  --m-actie: #d6336c;
  --m-actie-donker: #b02659;
  --m-op-actie: #ffffff;
  --m-bg: #fff8ee;
  --m-surface: #ffffff;
  --m-text: #2b2240;
  --m-text-zacht: #5c5470;
  --m-rand: rgba(111,66,193,.2);
}

/* Achtergrondfoto iets lichter (verzoek praktijk 11-10), nu met een warme, kleurige waas. */
.mk-voordeur::before { background: linear-gradient(160deg, rgba(255,227,236,.66) 0%, rgba(255,241,194,.52) 50%, rgba(217,245,236,.68) 100%), var(--m-voorgevel, none) center/cover no-repeat; background-color: var(--m-bg, #fff8ee); filter: saturate(.9) contrast(.9) brightness(1.12); }
.mk-achtergrond { background: linear-gradient(160deg, rgba(255,240,245,.88) 0%, rgba(255,248,226,.9) 50%, rgba(236,250,245,.92) 100%), var(--m-voorgevel, none) center/cover no-repeat; background-color: var(--m-bg, #fff8ee); filter: saturate(.8) contrast(.88) brightness(1.08); }

/* Kop en gesprek-modus in diep paars in plaats van donkergroen. */
.mk-header::before { background: linear-gradient(rgba(43,34,64,.72), rgba(43,34,64,0)); }
.mk-voordeur::after, .mk-waas { background: linear-gradient(175deg, rgba(58,30,92,.95) 0%, rgba(92,36,84,.9) 55%, rgba(43,34,64,.96) 100%); }

/* Paneel iets lichter. De gekleurde randen op de kaarten zijn weggehaald (verzoek praktijk 20-10). */
.mk-hero { background: rgba(255,255,255,.66); }

/* Iconen in de kaarten elk in een eigen kleur. */
.mk-kaart-icoon { background: #efe6fb; color: #6f42c1; }
.mk-kaarten > section:nth-child(1) .mk-kaart-icoon { background: #ffe3ec; color: #b02659; }
.mk-kaarten > section:nth-child(2) .mk-kaart-icoon { background: #fff1c2; color: #8a5a00; }
.mk-kaarten > section:nth-child(3) .mk-kaart-icoon { background: #d9f5ec; color: #0f7a5a; }

/* Stap-labels en voorbeeldvragen in afwisselende kleuren. */
.mk-keuze { background: #ffe3ec; color: #8f1f49; }
.mk-keuzes li:nth-child(4n+2) .mk-keuze { background: #fff1c2; color: #6e4800; }
.mk-keuzes li:nth-child(4n+3) .mk-keuze { background: #d9f5ec; color: #0b5e46; }
.mk-keuzes li:nth-child(4n+4) .mk-keuze { background: #efe6fb; color: #4f2c94; }
.mk-chip:nth-child(4n+1), .mk-paginachip:nth-child(4n+1) { border-color: #6f42c1; color: #6f42c1; }
.mk-chip:nth-child(4n+2), .mk-paginachip:nth-child(4n+2) { border-color: #d6336c; color: #b02659; }
.mk-chip:nth-child(4n+3), .mk-paginachip:nth-child(4n+3) { border-color: #14a37f; color: #0f7a5a; }
.mk-chip:nth-child(4n+4), .mk-paginachip:nth-child(4n+4) { border-color: #f2a900; color: #8a5a00; }

/* Mededelingen onder elkaar (verzoek praktijk 20-10), en de teksten netjes onder elkaar uitgelijnd, ook als een mededeling geen label heeft (verzoek praktijk 20-10). */
.mk-nieuws { background: rgba(255,255,255,.82); }
.mk-nieuws-lijst { grid-template-columns: auto 1fr; gap: 8px 10px; }
.mk-nieuws-lijst li { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; }
.mk-nieuws-lijst li > span:last-child { grid-column: 2; }
@media (max-width: 640px) {
  .mk-nieuws-lijst { grid-template-columns: 1fr; }
  .mk-nieuws-lijst li { display: block; }
}