/* Huisstijl van epcverbeteraars.be, rustig toegepast bovenop de basisstijl:
   - titels in League Spartan (het lettertype van de hoofdsite), gewone tekst in het standaardlettertype;
   - groen in de tint van het logo, maar diep genoeg voor witte tekst op knoppen;
   - donkerblauwe tekst op wit, volledig ronde knoppen. */
@font-face{font-family:"League Spartan";src:url(/assets/league-spartan.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --groen:#2a871d;        /* knoppen, accenten en groene tekst */
  --inkt:#0f172a;
  --primary:#2a871d;
  --background:#ffffff;
  --foreground:#0f172a;
  --card-foreground:#0f172a;
  --muted-foreground:#44525a;
  --secondary:#eaf6e4;
  --secondary-foreground:#0f172a;
  --ring:#2a871d;
}

/* Titels in het lettertype van de hoofdsite */
:is(h1,h2,h3)[class]{font-family:"League Spartan",ui-sans-serif,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}
h1[class]{font-weight:600}
h3[class]{font-size:1.08em}
h1{text-wrap:balance}

/* De letters F en A in de kop: netjes in het midden van hun blokje */
h1 span.rounded{display:inline-flex;align-items:center;justify-content:center;min-width:1.15em;height:1.12em;padding:.14em .2em 0;line-height:1;vertical-align:-.1em;border-radius:.14em}

/* Knoppen: volledig rond, zoals op de hoofdsite */
a.rounded-xl,button.rounded-xl{border-radius:9999px}
a.rounded-xl.bg-primary:hover,button.rounded-xl.bg-primary:hover{background-color:#32991f}
:is(a,button,input,select,summary):focus-visible{outline:3px solid var(--inkt);outline-offset:2px}