/* =============================================
1. :root en fonts
============================================= */
:root {
    --radius-hoekronding: 0.5rem;
    --font-size-kop: 2.5rem;
    --font-size-tussenkop: 1.5rem;
    --font-size-extragroot: 8rem;
    --font-size-normal: 1rem;
    --font-size-ondertitel: 2rem;
    --font-size-klein: 0.8rem;
    --color-lichtfont: #ffffff;
    --color-bezig: #ffaa74;
    --color-fout: #ff7474;
    --color-uitgenodigd: #2c4a6a;
    --color-primary: #FF6600;
    --color-hover: #00B7E3;
    --color-active: #2497d5;
    --color-goed: #91cd79;
    --color-blauw: #5f95ed;
    --color-normaal: #383838;
    --color-inactief: #e3e3e3;
}