:root { /* COLORI UFFICIALI DEL LOGO */
    --logo-red: #e73642;    /* Rosso "27 Giugno" */
    --logo-peach: #e6bab2;  /* Rosa/Pesca della mano */

    /* Sfumature derivate per l'interfaccia */
    --logo-peach-light: #fdf3f1; /* Sfondo chiarissimo basato sul pesca */
    --logo-red-dark: #b82a34;    /* Rosso scuro per hover */
    --text-main: #4a3835;        /* Testo scuro scaldato col rosso */

    /* Sovrascrittura Bulma */
    --bulma-primary: var(--logo-red);
    --bulma-link: var(--logo-red);
    --bulma-text: var(--text-main);
    --bulma-text-strong: #2e1e1c;
    --bulma-body-background-color: #ffffff;
    --bulma-family-primary: 'Quicksand', sans-serif;
}

body {
    padding-top: 4rem;
}

h1, h2, h3, h4, h5, h6, .title, .subtitle {
    color: var(--bulma-text-strong) !important;
}

.has-text-primary { color: var(--logo-red) !important; }
.has-text-peach { color: var(--logo-peach) !important; }

.has-background-peach-light {
    background-color: var(--logo-peach-light) !important;
}

/* Navbar e Logo */
.navbar-brand img {
    max-height: 3rem;
    margin-right: 0.5rem;
}
.navbar-item:hover {
    color: var(--logo-red) !important;
}

/* Hero Image */
.hero-bg {
    background: linear-gradient(rgba(74, 24, 26, 0.7), rgba(231, 54, 66, 0.4)), url('https://images.unsplash.com/photo-1511895426328-dc8714191300?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center center;
    background-size: contain;
}
.hero-bg .title, .hero-bg .subtitle {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}

/* Bottoni */
.button {
    border-radius: 2rem !important;
    transition: all 0.3s ease;
    border: none;
}
.button.is-primary {
    background-color: var(--logo-red);
    color: white;
}
.button.is-primary:hover {
    background-color: var(--logo-red-dark);
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(231, 54, 66, 0.3);
}
.button.is-peach {
    background-color: var(--logo-peach);
    color: var(--text-main);
    font-weight: bold;
}
.button.is-peach:hover {
    background-color: #d8aca4;
    transform: scale(1.05);
}

/* Immagine morbida (Protonterapia) */
.image-cozy img {
    border-radius: 2rem !important;
    box-shadow: 0 8px 20px rgba(74, 56, 53, 0.15);
}

/* Card dei progetti */
.project-card {
    height: 100%;
    border-radius: 1.5rem;
    border: 2px solid transparent;
    background-color: #ffffff;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(231, 54, 66, 0.05);
}
.project-card:hover {
    transform: translateY(-8px);
    border-color: var(--logo-peach);
    box-shadow: 0 12px 25px rgba(231, 54, 66, 0.12);
}

.icon-box {
    color: var(--logo-red);
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

/* Box info morbido */
.box-info {
    border-radius: 1.5rem;
    background-color: var(--logo-peach-light);
    border: 1px solid var(--logo-peach);
    color: var(--text-main);
    padding: 1.5rem;
}

/* Card Articoli (Notizie) */
.article-card {
    height: 100%;
    border-radius: 1.5rem;
    border: none;
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(231, 54, 66, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}
.article-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(231, 54, 66, 0.12);
}
.article-card .card-image img {
    border-radius: 1.5rem 1.5rem 0 0; /* Arrotonda solo la parte superiore */
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.article-card .card-content {
    flex-grow: 1; /* Spinge il pulsante sempre in basso in modo uniforme */
    display: flex;
    flex-direction: column;
}
.tag-peach {
    background-color: var(--logo-peach) !important;
    color: var(--text-main) !important;
    font-weight: 600;
}

/* Testimonianze in tinta col logo */
.message {
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    border: none;
}
.message-red .message-header {
    background-color: var(--logo-red);
    color: white;
}
.message-red .message-body {
    background-color: var(--bulma-body-background-color);
    color: var(--text-main);
    border: none;
}
.message-peach .message-header {
    background-color: var(--logo-peach);
    color: var(--text-main);
}
.message-peach .message-body {
    background-color: var(--bulma-body-background-color);
    color: var(--text-main);
    border: none;
}

/* Footer in tema scuro caldo */
.footer {
    background-color: #3b2b29 !important;
    color: var(--logo-peach-light);
}
.footer .title {
    color: white !important;
}
.footer a:hover {
    color: var(--logo-peach);
}