:root{
    /* kleuren */
    --backBlack: #333;
    --text: #333; 
    --primary: #009fe3;
    --primaryHover: #0382b8;
    --secondary: #FF8900;
    --lightGray: #dfdfdf;    
    
    /* fonts */
    --bodyFont: 'Helvetica';
    --bodyFontType: 'sans-serif';
    --headingFont: 'Helvetica';
    --headingFontType: 'sans-serif';
    --sitework: 'Poppins';
    --siteworkType: 'sans-serif';
    
    --baseFontSize: '18px';
    --baseLineHeight: '1.5';
    
    /* UI */
    --borderRadius: 15px;
    
}
.text-primary{
    color: var(--primary);
}
.bg-primary{
    background-color: var(--primary);
}
.hover\:bg-primary-focus:hover{
    background-color: var(--primaryHover);
}