:root {
    --carmel-grey: #8899A5;
    --carmel-grey-dark: #566E7F;
    --carmel-grey-light: #EEF0F2;
    --carmel-blue: #1191D0;
    --carmel-blue-dark: #0D6E9E;

    --font-medium: 'avenir-heavy', sans-serif;
    --font-regular: 'avenir-book', sans-serif;

    --primary-color: var(--carmel-grey-dark);
    --primary-color-hover: var(--carmel-grey);
    --primary-color-light: var(--carmel-grey);
    --primary-color-dark: var(--carmel-grey-dark);
    --secondary-color: var(--carmel-blue);
    --secondary-color-hover: var(--carmel-blue-dark);
    --light-color: var(--carmel-grey-light);
    --secondary-header-color: var(--carmel-grey-light);
    --secondary-header-color2: var(--carmel-grey-light);
    --section-background-color: var(--carmel-grey-light);
    ---secondary-section-background-color: var(--carmel-grey-light);
}

.nav__login {
    display: none;
}

.cta-banner__button.button--arrow-right svg {
    fill: var(--carmel-blue);
}

.cta-banner__button {
    background-color: var(--white-color);
    color: var(--carmel-blue);
}

.cta-banner__button:hover {
    background-color: var(--carmel-blue-dark);
    color: var(--white-color);
}

.cta-banner__button.button--arrow-right:hover svg {
    fill: var(--white-color);
}

.logo-carmel svg {
    width: 120px;
    height: 60px;
    fill: var(--primary-color);
}

.homeCarmel .appBar .logo-carmel svg,
.contact .appBar .logo-carmel svg {
    fill: var(--white-color);
}

.appBar.fixed .logo-carmel svg {
    fill: var(--primary-color);
}

.page-nav a {
    color: var(--secondary-color);
}