:root {
    --green-brand-color: #76b900;
    /* https://colourcontrast.cc/?background=69a400&foreground=ffffff
        for accessibility reasons we need to darken the brand color in some tone if we want to use it with a white font

        5a8d00 69a400
    */
    --green-brand-color-accessibility: #5e8c00;

    /*
        button colors
     */
    --button-background-primary : var(--green-brand-color-accessibility);
    --button-foreground-primary : #000000;

    /*
        checkbox, radio, slider
     */
    accent-color: var(--green-brand-color-accessibility);

    --font-placeholder-accessibility: #595957;
    --font-hover-small-accessibility: #405f00;
}