/* ============================================================
   Meldveilig — merk-tokens & woordmerk
   Plak dit in je project of importeer het: <link rel="stylesheet" href="brand.css">
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');

:root{
  /* kleuren */
  --mv-navy:        #17283b;   /* primair / tekst        rgb(23,40,59)    */
  --mv-green:       #2f7d4f;   /* accent                 rgb(47,125,79)   */
  --mv-cream:       #f4efe6;   /* achtergrond / omgekeerd rgb(244,239,230) */
  --mv-green-light: #6fb98a;   /* groen accent op donkere achtergrond     */

  /* typografie */
  --mv-font: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* Woordmerk: "Meld" vet navy + "veilig" regular groen */
.mv-wordmark{
  font-family: var(--mv-font);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1;
  white-space: nowrap;
}
.mv-wordmark .meld   { color: var(--mv-navy); }
.mv-wordmark .veilig { color: var(--mv-green); font-weight: 500; }

/* Voorbeeld:
   <span class="mv-wordmark"><span class="meld">Meld</span><span class="veilig">veilig</span></span>
*/