:root {
    /* colors */
    --fc-primary-color: #ffffff; /* footer */
    --fc-secondary-color: #024f9a; /* button */
    --fc-tertiary-color: #1671ca; /* button hover */
    --fc-bg-color: #e8e8e8;
    /* text and title */
    --fc-text-dark: #000000;
    --fc-text-light: #a4a4a4;
    --fc-title-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --fc-text-font: var(--fc-title-font);
    --fc-warning: #ee2460;
}

a {
    --fc-link-color: var(--fc-secondary-color);
    --fc-link-decoration: none;
    --fc-link-weight: 700;
}

    a:hover {
        --fc-link-color: var(--fc-tertiary-color);
        --fc-link-decoration: underline;
    }

.fc-top-menu {
    --fc-menu-bg: var(--fc-primary-color);
    --fc-menu-box-shadow: none;
}

.fc-footer {
    --fc-footer-bg: var(--fc-primary-color);
    --fc-footer-color: var(--fc-text-light);
}

.fc-button-subscribe {
    --fc-button-color: var(--fc-bg-color);
    --fc-button-bg: var(--fc-secondary-color);
    --fc-button-font-size: 16px;
    --fc-button-width: auto;
    --fc-button-padding: 8px 25px;
    --fc-button-outline: none;
    --fc-button-radius: 50px;
    --fc-button-border-width: 0;
    --fc-button-box-shadow: none;
}

    .fc-button-subscribe:hover {
        --fc-button-color: var(--fc-primary-color);
        --fc-button-bg: var(--fc-tertiary-color);
    }


.fc-input {
    --fc-input-bg: var(--fc-primary-color);
    --fc-input-outline: 0;
    --fc-input-border-radius: 50px;
    --fc-input-border-width: 1px;
    --fc-input-border-style: solid;
    --fc-input-border-color: var(--fc-primary-color);
    --fc-input-box-shadow: none;
}

    .fc-input:focus {
        --fc-input-bg: var(--fc-bg-color);
        --fc-input-border-color: var(--fc-tertiary-color);
        --fc-input-box-shadow: rgba(2, 79, 154, 0.4) 0 4px 16px;
    }

/* checkbox */
input[type=checkbox]:checked + label::before {
    --fc-checkbox-bg: var(--fc-secondary-color);
    --fc-checkbox-color: var(--fc-bg-color);
}

/* custom */

h1 {
    font-weight: 400;
}

.fc-input {
    color: #8a8a8a!important;
}