:root {
    --iris-content-fullwidth-container-background-color: #f0f0f0;
    --iris-content-fullwidth-container-background-image: url("/custom/triptic-projects/liquit/Maintemplate/Intranet/images/main-background.svg") fixed no-repeat bottom right / calc(100vh - 140px) auto;
    --iris-header-logo-width-largeScreen: 23rem !default;
    --iris-primary-button-color-foreground: #FFFFFF;
    --iris-primary-button-font-color: #058fe1;
    --iris-primary-button-hover-color-foreground: #FFFFFF;
    --iris-primary-color: #15a4fa;
    --iris-primary-color-500-foreground: #FFFFFF;
    --iris-primary-font-color: #058fe1;
    --iris-primary-form-hover-color: #058fe1;
    --iris-primary-link-color: #058fe1;
    --iris-primary-link-hover-color: #000000;
    --iris-secondary-color: #ff4f00;
    --iris-secondary-color-500-foreground: #FFFFFF;
    --iris-secondary-font-color: #ff4f00;
    --iris-teams-button-color-foreground: #FFFFFF;
    --iris-teams-button-font-color: #003f96;
    --iris-teams-button-hover-color-foreground: #FFFFFF;
    --iris-teams-color: #003f96;
    --iris-teams-color-500-foreground: #FFFFFF;
    --iris-teams-font-color: #003f96;
    --iris-teams-form-hover-color: #003f96;
    --iris-teams-link-color: #003f96;
    --iris-teams-link-hover-color: #000000;
    --iris-toolbox-nav-active-background: #3f3f3f;
    --iris-toolbox-nav-active-color: #15a4fa;
    --iris-toolbox-nav-color: #FFFFFF;
    --iris-toolbox-nav-hover-background: #363636;
    --iris-toolbox-nav-hover-color: #15a4fa;
    --iris-toolbox-nav-primary-color: #2e2e2e;
}

.widget-type-Weather {
    --iris-widget-background-color: #15a4fa;
}

.widget-type-DigitalClock {
    --iris-widget-background-color: #003f96;
}