:root {
    /* ============================================================ */
    /* Branding */
    /* ============================================================ */
    --iris-header-logo-width-largeScreen: 14rem;

    /* Primary colors */
    /* ============================================================ */
    --iris-primary-color                                : #84C9BE; /* Required */
    --iris-primary-font-color                           : #35716A; /* Required | AA ✓ Background #E3E6E8 */

    --iris-header-nav-underline                         : #84C9BE;
    --iris-header-nav-underline-largeScreen             : #84C9BE;

    /* ======================= Optional =========================== */
    /* Links */
    --iris-primary-link-color                           : #5256A2; /* AA ✓ */

    /* Forms */
    --iris-primary-form-hover-color                     : #63A096; /* AA ✓ */

    /* Buttons */
    --iris-primary-button-hover-color                   : #7bbdb3;
    /* ====================== End optional ========================= */

    /* ============================================================ */
    /* Secondary colors */
    /* ============================================================ */
    --iris-secondary-color                              : #F7CA2E; /* Required */
    --iris-secondary-font-color                         : #9D6E04; /* Required | AA ✓ Background #E3E6E8 */

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

    /* ======================= Optional =========================== */
    /* Forms */
    --iris-teams-form-hover-color                       : #66B0DD; /* AA ✓

    /* Buttons */
    --iris-teams-button-hover-color                     : #5ba1cc;
    /* ====================== End optional ========================= */

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

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

    /* Active state */
    --iris-toolbox-nav-active-background                : #3e4180;

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

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

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