:root {
    /* ============================================================ */
    /* Branding */
    /* ============================================================ */
    --iris-header-logo-width-largeScreen                      : 15.3125rem;
    --iris-header-background                                  : #f0f0f0;
    --iris-content-fullwidth-container-background-color       : #f0f0f0;
    --iris-content-fullwidth-container-background-image       : url("/content/builds/aszRYg/custom/triptic-projects/universiteit_voor_humanistiek/Maintemplate/Intranet/images/main-background.svg") no-repeat -30rem bottom / 64rem auto;
    --iris-header-nav-color                                   : #00373B;
    --iris-header-nav-underline                               : #75e2af;
    --iris-dashboard-corporateArea-emphasize-background-color : #e0e0e0;

    --iris-heading-font-family                                : "aleo", arial, helvetica, sans-serif;

    /* ============================================================ */
    /* Primary colors */
    /* ============================================================ */
    --iris-primary-color                                : #00373B; /* Required */
    --iris-primary-font-color                           : #00373B; /* Required | AA ✓ Background #E3E6E8 */

    --iris-heading-font-color                           : #00373B;

    /* ============================================================ */
    /* Secondary colors */
    /* ============================================================ */
    --iris-secondary-color                              : #75E2AF; /* Required */
    --iris-secondary-font-color                         : #177558; /* Required | AA ✓ Background #E3E6E8 */

    /* ============================================================ */
    /* Teams colors */
    /* ============================================================ */
    --iris-teams-color                                  : #49296C; /* Required */
    --iris-teams-font-color                             : #49296C; /* Required | AA ✓ Background #E3E6E8 */

    /* ============================================================ */
    /* Toolbox */
    /* ============================================================ */
    /* Base state */
    --iris-toolbox-nav-primary-color                    : #75e2af;
    --iris-toolbox-nav-background                       : #75e2af;
    --iris-toolbox-nav-color                            : #00373B; /* AA ✓ */

    /* Hover state */
    --iris-toolbox-nav-hover-color                      : #00373B; /* AA ✓ */

    /* Active state */
    --iris-toolbox-nav-active-color                     : #00373B; /* AA ✓ */

    /* ============================================================ */
    /* Color palette foreground colors AA ✓ */
    /* ============================================================ */
    /* Primary color */
    --iris-primary-color-300-foreground                 : #000000;
    --iris-primary-color-400-foreground                 : #ffffff;
    --iris-primary-color-500-foreground                 : #ffffff;

    /* Teams color */
    --iris-teams-color-300-foreground                   : #000000;
    --iris-teams-color-400-foreground                   : #ffffff;
    --iris-teams-color-500-foreground                   : #ffffff;
}