:root {
    /* ============================================================ */
    /* Branding */
    /* ============================================================ */
    --iris-header-nav-underline                         : #00A3E0;
    --iris-header-nav-underline-largeScreen             : #00A3E0;
    --iris-header-logo-width-largeScreen                : 14.0625rem;
    --iris-header-nav-color                             : #003865;

    --iris-heading-font-color                           : #003865;
    --iris-heading-sub-font-color                       : #003865;

    /* ============================================================ */
    /* Primary colors */
    /* ============================================================ */
    --iris-primary-color                                : #00A3E0; /* Required */
    --iris-primary-font-color                           : #003865; /* Required | AA ✓ Background #E3E6E8 */
    --iris-content-fullwidth-container-background-color : #f3f4f4;
    --iris-dashboard-corporateArea-emphasize-background-color       : #003865;

    /* ======================= Optional =========================== */
    --iris-primary-link-color                           : #096E9C;

    /* Forms */
    --iris-primary-form-hover-color                     : #00A3E0; /* AA ✓ */

    /* Buttons */
    --iris-primary-button-color                         : #BED62F;
    --iris-primary-button-color-foreground              : #003865; /* AA ✓ */
    --iris-primary-button-hover-color                   : #adc32b;
    --iris-primary-button-hover-color-foreground        : #003865; /* AA ✓ */

    --iris-primary-header-color                         : #003865;
    --iris-primary-header-color-foreground              : #ffffff;
    --iris-primary-header-dark-color                    : #003865;
    --iris-primary-header-dark-color-foreground         : #ffffff;
    /* ====================== End optional ========================= */

    /* ============================================================ */
    /* Secondary colors */
    /* ============================================================ */
    --iris-secondary-color                              : #6ECFF6; /* Required */
    --iris-secondary-font-color                         : #096E9C; /* Required | AA ✓ Background #E3E6E8 */

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

    /* Links */
    --iris-teams-link-color                             : #636D09; /* AA ✓

    /* Forms */
    --iris-teams-form-hover-color                       : #7D8B1C; /* AA ✓

    /* Buttons */
    --iris-teams-button-color-foreground                : #003865; /* AA ✓ */
    --iris-teams-button-hover-color                     : #adc32b;
    --iris-teams-button-hover-color-foreground          : #003865; /* AA ✓ */

    --iris-teams-header-color                           : #003865;
    --iris-teams-header-color-foreground                : #ffffff;
    --iris-teams-header-dark-color                      : #003865;
    --iris-teams-header-dark-color-foreground           : #ffffff;

    /* ============================================================ */
    /* Toolbox */
    /* ============================================================ */
    /* Base state */
    --iris-toolbox-nav-primary-color                    : #e1e1e1;
    --iris-toolbox-nav-background                       : var(--iris-toolbox-nav-primary-color);
    --iris-toolbox-nav-color                            : #003865;

    /* Hover state */
    --iris-toolbox-nav-hover-background                 : #d2d2d2;
    --iris-toolbox-nav-hover-color                      : #003865; /* AA ✓ */

    /* Active state */
    --iris-toolbox-nav-active-background                : #c9c9c9;
    --iris-toolbox-nav-active-color                     : #003865; /* AA ✓ */

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

    /* Secondary color */
    --iris-secondary-color-500-foreground               : #000000;
    --iris-secondary-color-600-foreground               : #000000;

    /* Teams color */
    --iris-teams-color-500-foreground                   : #000000;
    --iris-teams-color-800-foreground                   : #ffffff;
}