:root {
    /* ============================================================ */
    /* Branding */
    /* ============================================================ */
    /* Header */
    /* ============================================================ */
    --iris-header-logo-width-largeScreen                         : 6rem;
    --iris-header-height-largeScreen                             : 6rem;
    --iris-header-height-on-scroll-largeScreen                   : 4rem;
    --iris-header-logo-horizontal-alignment-onscroll-largeScreen : center;

    --iris-header-nav-underline                                  : #E30075;
    --iris-header-nav-underline-largeScreen                      : #E30075;

    --iris-heading-font-family                                   : "Roboto",arial,helvetica,sans-serif;
    --iris-heading-font-color                                    : #0074A7;

    --iris-content-heading-font-color                            : #0074A7;

    --iris-content-fullwidth-container-background-color          : #f8f6f3;
    --iris-dashboard-corporateArea-emphasize-background-color    : #f4efea;

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

    --iris-primary-header-color                                  : #E30075;
    --iris-primary-header-color-foreground                       : #ffffff;

    /* Forms */
    --iris-primary-form-hover-color                              : #0074A7; /* AA ✓ */

    /* ======================= Optional =========================== */
    /* Buttons */
    --iris-primary-button-color                                  : #E30075; /* AA ✓ */
    --iris-primary-button-hover-color                            : #c60367; /* AA ✓ */
    --iris-primary-button-color-foreground                       : #ffffff; /* AA ✓ */
    /* ====================== End optional ========================= */

    /* ============================================================ */
    /* Secondary colors */
    /* ============================================================ */
    --iris-secondary-color                                       : #E30075; /* Required */
    --iris-secondary-font-color                                  : #C5176E; /* Required | AA ✓ Background #E3E6E8 */

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

    /* ============================================================ */
    /* Toolbox */
    /* ============================================================ */
    /* Base state */
    --iris-toolbox-nav-primary-color                             : #0074A7;
    --iris-toolbox-nav-background                                : #0074A7;

    /* Hover state */
    --iris-toolbox-nav-hover-background                          : #016591;

    /* Active state */
    --iris-toolbox-nav-active-background                         : #00557a;

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

    /*    !* Secondary color *!*/
    --iris-secondary-color-500-foreground                        : #ffffff;

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

    --iris-box-shadow                                            : oklch(from #000000 l c h / 0.2) 0 .0625rem .1875rem 0, oklch(from #000000 l c h / 0.2) 0 .0625rem .125rem -.0625rem;
}