/* Variabili personalizzate per allineare il brand */

:root {

    --primary-color: #0d6efd; /* Puoi modificarlo con il blu esatto del logo */

    --font-heading: 'Roboto', sans-serif;

    --font-body: 'Open Sans', sans-serif;

}



body {

    font-family: var(--font-body);

    color: #333;

    line-height: 1.6;

}



h1, h2, h3, h4, h5, h6, .navbar-brand {

    font-family: var(--font-heading);

}



.text-primary {

    color: var(--primary-color) !important;

}



.bg-primary {

    background-color: var(--primary-color) !important;

}



.btn-primary {

    background-color: var(--primary-color);

    border-color: var(--primary-color);

}



/* Effetti hover per le carte */

.card {

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;

}