﻿:root {
    --fc-primary-color: #538AC9; /* colore link - blu */
    --fc-secondary-color: #538AC9; /* sfondo bottone hover - blu scuro */
    --fc-tertiary-color: #538AC9; /* sfondo bottone - blu */
    --fc-text-dark: #000000; /* colore testi - grigio scuro */
    --fc-text-light: #538AC9; /* testo bottone - bianco */
    --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-white-color: #ffffff; /* sfondo input - bianco */
    --fc-grey-color: #EFEFF0; /* bordo input - grigio chiaro */
    --fc-bg-color: #FFFFFF; /* sfondo pagina - beige chiaro */
    --fc-warning: #db7575; /* colore asterischi - rosso chiaro */
}

.fc-link {
    --fc-link-color: #007bff;  
    --fc-link-decoration: none; /* rimuove la sottolineatura dal link */
    --fc-link-weight: 500; /* peso del font del link */
}

.fc-footer .fc-link {
    --fc-link-color: var(--fc-text-light); /* colore del link nel footer - bianco */
}

.fc-top-menu {
    --fc-menu-bg: var(--fc-bg-color); /* sfondo del menu - bianco */
}

.fc-footer {
    --fc-footer-bg: var(--fc-primary-color); /* sfondo del footer - blu */
    --fc-footer-color: var(--fc-text-light); /* colore del testo nel footer - bianco */
}

.fc-button-subscribe {
    --fc-button-color: #ffffff; /* colore del testo del pulsante - bianco */
    --fc-button-bg: #538AC9; /* sfondo del pulsante - blu */
    --fc-button-font-size: 18px; /* dimensione del font del pulsante */
    --fc-button-width: 240px; /* larghezza del pulsante */
    --fc-button-padding: 0.85em 1em; /* padding interno del pulsante */
    --fc-button-outline: none; /* rimuove il bordo esterno */
    --fc-button-radius: 50px; /* bordi arrotondati per il pulsante */
    --fc-button-border-width: 0; /* nessun bordo per il pulsante */
    --fc-button-box-shadow: none; /* nessuna ombra per il pulsante */
}

    .fc-button-subscribe:hover {
        --fc-button-bg: #ff2b02; /* cambia il colore del fondo al passaggio del mouse - blu scuro */
    }

    .fc-button-subscribe[disabled] {
        --fc-button-bg: var(--fc-primary-color); /* sfondo pulsante disabilitato - blu */
        --fc-button-opacity: 0.25; /* opacità del pulsante disabilitato */
    }

.fc-input {
    --fc-input-bg: var(--fc-white-color); /* sfondo input - bianco */
    --fc-input-color: var(--fc-secondary-color); /* colore del testo dell'input - blu scuro */
    --fc-input-border-radius: 50px; /* bordi arrotondati per l'input */
    --fc-input-border-width: 1px; /* spessore del bordo dell'input */
    --fc-input-border-style: solid; /* stile del bordo - solido */
    --fc-input-border-color: var(--fc-grey-color); /* colore del bordo - grigio chiaro */
    --fc-input-box-shadow: none; /* nessuna ombra per l'input */
}

/* checkbox */
input[type=checkbox]:checked + label::before {
    --fc-checkbox-bg: #538AC9; /* sfondo del checkbox selezionato - blu */
    --fc-checkbox-color: var(--fc-bg-color); /* colore del checkbox selezionato - beige chiaro */
}
