:root {
    --iris-box-shadow: 0rem 0.125rem 1rem -0.375rem rgb(0 0 0 / 0.32);
    --iris-box-shadow-hover: 0 .625rem 1.25rem rgb(0 0 0 / 0.19), 0 .375rem .375rem -0.625rem rgb(0 0 0 / 0.23);
    --iris-content-fullwidth-container-background-color: #eff8fb;
    --iris-content-fullwidth-container-background-image: url("/custom/triptic-projects/johannesfontanuscollege/Maintemplate/Intranet/images/background-main.svg") no-repeat bottom right / 7rem auto;
    --iris-content-fullwidth-container-teams-background-color: #faf3fe;
    --iris-header-height-largeScreen: 6rem;
    --iris-header-height-on-scroll-largeScreen: 4.5rem;
    --iris-header-logo-horizontal-alignment-onscroll-largeScreen: center;
    --iris-header-logo-width-largeScreen: 12.5rem;
    --iris-header-nav-color: #333333;
    --iris-heading-font-family: "Roboto", arial, helvetica, sans-serif;
    --iris-primary-color: #0F80A7;
    --iris-primary-color-400-foreground: #000000;
    --iris-primary-color-50-foreground: #006F96;
    --iris-primary-color-500-foreground: #FFFFFF;
    --iris-primary-font-color: #006F96;
    --iris-secondary-color: #f3831c;
    --iris-secondary-color-500-foreground: #000000;
    --iris-secondary-font-color: #B04600;
    --iris-teams-color: #500b75;
    --iris-teams-color-200-foreground: #500b75;
    --iris-teams-color-300-foreground: #000000;
    --iris-teams-color-500-foreground: #FFFFFF;
    --iris-teams-font-color: #500B75;
    --iris-toolbox-nav-active-color: #000000;
    --iris-toolbox-nav-background: linear-gradient(45deg, #f3831c, #ffbd00);
    --iris-toolbox-nav-color: #000000;
    --iris-toolbox-nav-hover-color: #000000;
    --iris-toolbox-nav-primary-color: #f3831c;
}
.narrowcasting {
    .slide.announcement {
        --iris-narrowcasting-slide-color: #0F80A7;
        --iris-narrowcasting-slide-text-color: #ffffff;
    }

    .slide.agenda {
        --iris-narrowcasting-slide-color: #f3831c;
        --iris-narrowcasting-slide-text-color: #333333;
    }

    .slide.birthdays {
        --iris-narrowcasting-slide-color: #d73156;
        --iris-narrowcasting-slide-text-color: #ffffff;
    }

    .slide.new-employees {
        --iris-narrowcasting-slide-color: #0996be;
        --iris-narrowcasting-slide-text-color: #ffffff;
    }

    .slide.vacancy {
        --iris-narrowcasting-slide-color: #ffbd00;
        --iris-narrowcasting-slide-text-color: #333333;
    }
}