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

    --iris-heading-font-family: "Roboto",arial,helvetica,sans-serif;
    --iris-content-heading-font-color  : #21a0dd;
    --iris-content-heading-sub-font-color: #21a0dd;
    --iris-header-nav-underline: #21a0dd;
    --iris-header-nav-underline-largeScreen: #21a0dd;

    /* Primary colors */
    /* ============================================================ */
    --iris-primary-color                                : #21a0dd; /* Required */
    --iris-primary-font-color                           : #263547; /* Required | AA ✓ Background #E3E6E8 */

    /* ======================= Optional =========================== */
    --iris-primary-link-color: #046DA3;

    /* Forms */
    --iris-primary-form-hover-color                     : #21a0dd; /* AA ✓ */

    /* ============================================================ */
    /* Secondary colors */
    /* ============================================================ */
    --iris-secondary-color                              : #21a0dd; /* Required */
    --iris-secondary-font-color                         : #046DA3; /* Required | AA ✓ Background #E3E6E8 */

    /* ============================================================ */
    /* Teams colors */
    /* ============================================================ */
    --iris-teams-color                                  : #ff8f00; /* Required */
    --iris-teams-font-color                             : #9E5400; /* Required | AA ✓ Background #E3E6E8 */

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

    /* ============================================================ */
    /* Toolbox */
    /* ============================================================ */
    /* Base state */
    --iris-toolbox-nav-primary-color                    : #263547;
    --iris-toolbox-nav-hover-background                 : #192431;
    --iris-toolbox-nav-active-background                : #111923;

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

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