:root {
    --iris-content-fullwidth-container-background-color: #DDDFDB;
    --iris-content-fullwidth-container-background-image: url("/custom/triptic-projects/scope_scholengroep/Maintemplate/Intranet/images/background-main.svg") no-repeat bottom left/clamp(2vw, 1024px, 50vw) auto;
    --iris-content-heading-font-color: #276d82;
    --iris-dashboard-heading-font-family: "bliss-pro-regular", "roboto", arial, helvetica, sans-serif;
    --iris-header-logo-horizontal-alignment-onscroll-largeScreen: center;
    --iris-header-logo-padding-bottom-largeScreen: .5rem;
    --iris-header-logo-padding-top-largeScreen: .5rem;
    --iris-header-logo-width-largeScreen: 13rem;
    --iris-heading-font-color: #276d82;
    --iris-heading-font-family: "bliss-pro-regular", "roboto", arial, helvetica, sans-serif;
    --iris-heading-font-weight: 500;
    --iris-primary-color: #D40073;
    --iris-primary-color-400-foreground: #000000;
    --iris-primary-color-50-foreground: #C9006B;
    --iris-primary-color-500-foreground: #FFFFFF;
    --iris-primary-font-color: #C9006B;
    --iris-secondary-color: #8D8B85;
    --iris-secondary-color-500-foreground: #000000;
    --iris-secondary-color-600-foreground: #FFFFFF;
    --iris-secondary-font-color: #696762;
    --iris-teams-color: #4cadc9;
    --iris-teams-color-500-foreground: #000000;
    --iris-teams-color-700-foreground: #FFFFFF;
    --iris-teams-color-900-foreground: #4cadc9;
    --iris-teams-font-color: #00708B;
    --iris-toolbox-nav-active-color: #000000;
    --iris-toolbox-nav-background: #4cadc9;
    --iris-toolbox-nav-color: #000000;
    --iris-toolbox-nav-hover-color: #000000;
    --iris-toolbox-nav-primary-color: #4cadc9;
}