:root {
    /* ============================================================ */
    /* Branding */
    /* ============================================================ */
    --iris-header-logo-width-largeScreen: 15.1875rem;
    --iris-header-logo-horizontal-alignment-onscroll-largeScreen: center;

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

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

    --iris-content-heading-font-color: #4B2482;
    --iris-content-heading-sub-font-color: #4B2482;

    --iris-content-fullwidth-container-background-color : #f2eeeb;
    --iris-dashboard-corporateArea-emphasize-background-color: #E0D9EA;

    /* ============================================================ */
    /* Secondary colors */
    /* ============================================================ */
    --iris-secondary-color                              : #7CB30A; /* Required */
    --iris-secondary-font-color                         : #477303; /* Required | AA ✓ Background #E3E6E8 */

    /* ============================================================ */
    /* Teams colors */
    /* ============================================================ */
    --iris-teams-color                                  : #007BC0; /* Required */
    --iris-teams-font-color                             : #006BAF; /* Required | AA ✓ Background #E3E6E8 */

    /* Forms */
    --iris-teams-form-hover-color                       : #007BC0; /* AA ✓
    /* ============================================================ */
    /* Toolbox */
    /* ============================================================ */
    /* Base state */
    --iris-toolbox-nav-background-gradient-start        : #007BC0;
    --iris-toolbox-nav-background-gradient-end          : #4B2482;

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

    /* Active state */
    --iris-toolbox-nav-active-background                : #401d72;

    /* ============================================================ */
    /* 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-400-foreground                   : #000000;
    --iris-teams-color-500-foreground                   : #ffffff;

    --iris-box-shadow: oklch(from var(--iris-black) l c h / 0.4) 0 0 1px 0, oklch(from var(--iris-black) l c h / 0.1) 0 0 0 0, oklch(from var(--iris-black) l c h / 0.1) 0 0 0 0;
    --iris-box-shadow-hover: oklch(from var(--iris-black) l c h / 0.4) 0 0 1px 0, oklch(from var(--iris-black) l c h / 0.15) 0 .5rem .75rem -.25rem, oklch(from var(--iris-black) l c h / 0.15) 0 .125rem .25rem -.125rem;
}