:root {
    /* ============================================================ */
    /* Branding */
    /* ============================================================ */
    --iris-header-nav-underline                         : #00A3E0;
    --iris-header-nav-underline-largeScreen             : #00A3E0;
    --iris-header-logo-width-largeScreen                : 14.0625rem;
    /* ============================================================ */
    /* 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       : #e6ebf5;

    /* ======================= Optional =========================== */
    /* 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 ✓ */
    /* ====================== End optional ========================= */

    /* ============================================================ */
    /* Secondary colors */
    /* ============================================================ */
    --iris-secondary-color                              : #BED62F; /* Required */
    --iris-secondary-font-color                         : #5F6E0B; /* Required | AA ✓ Background #E3E6E8 */

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

    /* ============================================================ */
    /* Toolbox */
    /* ============================================================ */
    /* Base state */
    --iris-toolbox-nav-primary-color                    : #003865;

    /* Hover state */
    --iris-toolbox-nav-hover-background                 : #002a4c;
    --iris-toolbox-nav-hover-color                      : #6ECFF6; /* AA ✓ */

    /* Active state */
    --iris-toolbox-nav-active-background                : #002039;
    --iris-toolbox-nav-active-color                     : #6ECFF6; /* AA ✓ */

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

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