:root {
    /* ============================================================ */
    /* Branding */
    /* ============================================================ */
    --iris-content-fullwidth-container-background-color : #EEEEF6;
    --iris-content-fullwidth-container-teams-background-color : #E8EFF3;
    --iris-content-heading-font-color                   : #5256A2;
    --iris-content-heading-sub-font-color               : #5256A2;
    /* ============================================================ */
    /* Primary colors */
    /* ============================================================ */
    --iris-primary-color                                : #5256A2; /* Required */
    --iris-primary-font-color                           : #5256A2; /* Required | AA ✓ Background #E3E6E8 */

    /* ============================================================ */
    /* Secondary colors */
    /* ============================================================ */
    --iris-secondary-color                              : #84C9BE; /* Required */
    --iris-secondary-font-color                         : #2A726C; /* Required | AA ✓ Background #E3E6E8 */

    /* ============================================================ */
    /* Teams colors */
    /* ============================================================ */
    --iris-teams-color                                  : #66B0DD; /* Required */
    --iris-teams-font-color                             : #286C9D; /* Required | AA ✓ Background #E3E6E8 */

    /* ======================= Optional =========================== */
    /* Forms */
    --iris-teams-form-hover-color                     : #438ABA; /* AA ✓
    /* ====================== End optional ========================= */

    /* ============================================================ */
    /* Toolbox */
    /* ============================================================ */
    /* Hover state */
    --iris-toolbox-nav-hover-background                 : #454991;

    /* Active state */
    --iris-toolbox-nav-active-background                : #393c7e;

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

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