/* ==========================================================================
   hsb-koppen.css — de koplettersoort, voor de hele site

   Afspraak: h1 tot en met h6 staan ALTIJD in Museo700. Geen Georgia, geen
   Exo 2, geen systeemletter, nergens.

   Waarom dit een apart bestand is dat als laatste geladen wordt:
   site.css zet h1 tot en met h4 al op Museo700, maar h5 en h6 stonden er
   niet in, en losse pagina's zetten er soms hun eigen letter overheen
   (inschrijf-formulier.php zette .h2 en .h3 op 'Exo 2'). Zolang dat per
   bestand opgelost moet worden, komt er vroeg of laat weer een nieuwe bij.
   Deze regel staat er met !important boven, zodat het niet meer uitmaakt
   wat een ander bestand probeert.

   De !important hoort hier wel en elders niet: dit is geen voorrang om
   een conflict te winnen, het is een afspraak die niet te overschrijven
   mag zijn.

   De letter zelf wordt geladen in site.css (@font-face "Museo700").
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Museo700", sans-serif !important;
}

/* h5 en h6 hadden in site.css nog helemaal geen opmaak: geen kleur, geen
   regelafstand. Daardoor vielen ze terug op de standaard van de browser en
   zagen ze er op elke pagina anders uit. Hier krijgen ze dezelfde
   behandeling als h3 en h4. */
h5, h6, .h5, .h6 {
    color: var(--brand-blue);
    line-height: 1.3;
    letter-spacing: -0.01em;
}