/* ============================================================
   FormLab Skin: SKIN C · HYBRID
   Blu wordmark del logo come primario (header/logo allineati);
   verde del brief originale per CTA (piu vivo del verde scuro
   logo). Le 6 categorie dell'anello restano come accent opzionali
   sulle aree e sui tag corso/blog. Look complessivamente sobrio,
   istituzionale, allineato al logo.
   ============================================================ */

:root {
    /* PRIMARIO — match esatto del wordmark logo */
    --fl-blue:        #0080C1;
    --fl-blue-dark:   #054F9F;
    --fl-blue-light:  #06A2BB;
    --fl-blue-50:     #e6f4fa;

    /* CTA — verde vivo del brief originale (non il verde scuro logo) */
    --fl-green:       #61CE70;
    --fl-green-dark:  #4DBA5C;
    --fl-green-light: #c2ebc8;

    /* CATEGORIE — stessi 6 stop di skin-a, usati con parsimonia:
       SOLO sui tile area-icon e sugli overline categoria di corso/articolo.
       Hero, bottoni, link e footer restano blu+verde istituzionali. */
    --fl-cat-sicurezza:  #D3047F;
    --fl-cat-ecm:        #901C82;
    --fl-cat-haccp:      #B88A00;   /* ambra (era #FCDA00, scurito per AA su bianco) */
    --fl-cat-finanziata: #F7A500;
    --fl-cat-sviluppo:   #07873E;
    --fl-cat-lingue:     #06A2BB;
}

/* Hero resta blu (lettura istituzionale) ma usa il blu wordmark come base */
.fl-hero {
    background: linear-gradient(135deg, #0080C1 0%, #054F9F 60%, #033b76 100%) !important;
}
.fl-cta-section {
    background: linear-gradient(135deg, #0080C1 0%, #054F9F 100%) !important;
}

/* Accent bar resta blu→verde (allineato al brief), nessuno spettro multicolor */
.fl-section-title-accent {
    background: linear-gradient(to right, var(--fl-blue), var(--fl-green)) !important;
}

/* OPTIONAL: tile feature/area-icon possono opt-in al category color via modifier */
.fl-feature-icon.cat-sicurezza,
.fl-area-icon.cat-sicurezza     { background: linear-gradient(135deg, #b00368, var(--fl-cat-sicurezza)) !important; }
.fl-feature-icon.cat-ecm,
.fl-area-icon.cat-ecm           { background: linear-gradient(135deg, #6e155f, var(--fl-cat-ecm)) !important; }
.fl-feature-icon.cat-haccp,
.fl-area-icon.cat-haccp         { background: linear-gradient(135deg, #8a6700, var(--fl-cat-haccp)) !important; }
.fl-feature-icon.cat-finanziata,
.fl-area-icon.cat-finanziata    { background: linear-gradient(135deg, #cc8a00, var(--fl-cat-finanziata)) !important; }
.fl-feature-icon.cat-sviluppo,
.fl-area-icon.cat-sviluppo      { background: linear-gradient(135deg, #066a31, var(--fl-cat-sviluppo)) !important; }
.fl-feature-icon.cat-lingue,
.fl-area-icon.cat-lingue        { background: linear-gradient(135deg, #04859a, var(--fl-cat-lingue)) !important; }

/* Overline categoria su card corso/blog */
.fl-course-category.cat-sicurezza,
.fl-blog-category.cat-sicurezza   { color: var(--fl-cat-sicurezza); }
.fl-course-category.cat-ecm,
.fl-blog-category.cat-ecm         { color: var(--fl-cat-ecm); }
.fl-course-category.cat-haccp,
.fl-blog-category.cat-haccp       { color: var(--fl-cat-haccp); }
.fl-course-category.cat-finanziata,
.fl-blog-category.cat-finanziata  { color: #c08200; }
.fl-course-category.cat-sviluppo,
.fl-blog-category.cat-sviluppo    { color: var(--fl-cat-sviluppo); }
.fl-course-category.cat-lingue,
.fl-blog-category.cat-lingue      { color: var(--fl-cat-lingue); }