:root {
    --red: #352C82;
    --gold: #00D3F2;
    --sfscyan: #00D3F2;
    --text-primary: #404040;
    --bg-sfsblue-dark: #352C82;
}

.bg-romared {
    background-color: var(--red);
}

.bg-headerblu {
    background-color: var(--bg-sfsblue-dark);
}

@media (max-width: 639px) {
  .bg-headerblu {
    background-color: white;
  }

  .bg-sfsblue {
    background-image: url('https://d3biphp2v8pmm3.cloudfront.net/71e6e17b-fa6e-4981-ba63-0122841a81c2/img/bg-mobile.png') !important;    
        background-size: cover !important;
        background-position: unset !important;
        background-repeat: no-repeat !important;
}
}

/* v AGGIUNTO QUI v */
.bg-sfscyan {
    background-color: var(--sfscyan);
}

.text-primary {
    color: var(--text-primary);
}

/* ^ AGGIUNTO QUI ^ */

.bg-sfsblue-dark {
    background-color: var(--bg-sfsblue-dark);
}

.bg-sfsblue {
    background-image: url('https://d3biphp2v8pmm3.cloudfront.net/71e6e17b-fa6e-4981-ba63-0122841a81c2/img/bg-app.jpg');
    background-size: cover; /* Fa sì che l'immagine copra l'intero elemento */
    background-position: center; /* Centra l'immagine */
    background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
}

.text-romared {
    color: var(--red)
}

.text-romagold {
    color: var(--gold)
}

.border-romared {
    border-color: var(--red);
}

.border-sfsbluedark {
    border-color: var(--bg-sfsblue-dark);
}

.border-romagold {
    border-color: var(--gold);
}

*:disabled {
    cursor: not-allowed;
}


p {
    font-size: 1rem;
}

.text-sfsdarkblue {
    color: var(--bg-sfsblue-dark);
}

/* Regular Normal */
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 400;
    src: url('https://d3biphp2v8pmm3.cloudfront.net/71e6e17b-fa6e-4981-ba63-0122841a81c2/fonts/archivo-latin-standard-normal.woff2') format('woff2');
}

/* Regular Italic */
@font-face {
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 400;
    src: url('https://d3biphp2v8pmm3.cloudfront.net/71e6e17b-fa6e-4981-ba63-0122841a81c2/fonts/archivo-latin-standard-italic.woff2') format('woff2');
}

/* Bold Normal */
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 700;
    src: url('https://d3biphp2v8pmm3.cloudfront.net/71e6e17b-fa6e-4981-ba63-0122841a81c2/fonts/archivo-latin-wght-normal.woff2') format('woff2');
}

/* Bold Italic */
@font-face {
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 700;
    src: url('https://d3biphp2v8pmm3.cloudfront.net/71e6e17b-fa6e-4981-ba63-0122841a81c2/fonts/archivo-latin-wght-italic.woff2') format('woff2');
}

/* Applica il font */
body {
    font-family: 'Archivo', sans-serif !important;
}

label, button {
    font-family: 'Archivo', sans-serif !important;
}



.nav-button:hover svg,
        .nav-button:hover span,
        .nav-button:active svg,
        .nav-button:active span {
            color: #352C82;
        }

        /* Opzionale: per forzare il colore anche in dark mode */
        .dark .nav-button:hover svg,
        .dark .nav-button:hover span,
        .dark .nav-button:active svg,
        .dark .nav-button:active span {
            color: #352C82;
        }

.card-immagine {
    display: flex;
    justify-content: center;
    align-items: center;
}