:root {
    /* Sfumature del colore istituzionale */
    --fabas-color-istituzionale: #279f47;

    --fabas-color-istituzionale-light-1: #47b762; /* Più chiaro */
    --fabas-color-istituzionale-light-2: #66c280;
    --fabas-color-istituzionale-light-3: #85cea0;
    --fabas-color-istituzionale-light-4: #a5dbbf;
    --fabas-color-istituzionale-light-5: #c4e7df; /* Molto chiaro */

    --fabas-color-istituzionale-dark-1: #238b40; /* Più scuro */
    --fabas-color-istituzionale-dark-2: #1f7939;
    --fabas-color-istituzionale-dark-3: #1a6832;
    --fabas-color-istituzionale-dark-4: #15572b;
    --fabas-color-istituzionale-dark-5: #104624; /* Molto scuro */


    /* Sfumature del colore decorativo */
    --fabas-color-decorativo: #f3f2ee;

    --fabas-color-decorativo-light-1: #f5f4f1; /* Più chiaro */
    --fabas-color-decorativo-light-2: #f7f6f3;
    --fabas-color-decorativo-light-3: #f9f8f6;
    --fabas-color-decorativo-light-4: #faf9f8;
    --fabas-color-decorativo-light-5: #fcfbfa; /* Molto chiaro */

    --fabas-color-decorativo-dark-1: #e3e2dc; /* Più scuro */
    --fabas-color-decorativo-dark-2: #d4d3cd;
    --fabas-color-decorativo-dark-3: #c4c3bd;
    --fabas-color-decorativo-dark-4: #b4b3ad;
    --fabas-color-decorativo-dark-5: #a5a49e; /* Molto scuro */

    /* Colore tecnico */
    --fabas-color-tecnico: #476562;

    --fabas-color-tecnico-light-1: #547573;
    --fabas-color-tecnico-light-2: #638583;
    --fabas-color-tecnico-light-3: #739694;
    --fabas-color-tecnico-light-4: #83a7a5;
    --fabas-color-tecnico-light-5: #92b7b5;

    --fabas-color-tecnico-dark-1: #3e5a58;
    --fabas-color-tecnico-dark-2: #354f4e;
    --fabas-color-tecnico-dark-3: #2d4544;
    --fabas-color-tecnico-dark-4: #263b3b;
    --fabas-color-tecnico-dark-5: #1e3231;

    /* Colore progetti */
    --fabas-color-progetti: #4b4b4b;

    --fabas-color-progetti-light-1: #5c5c5c;
    --fabas-color-progetti-light-2: #6e6e6e;
    --fabas-color-progetti-light-3: #808080;
    --fabas-color-progetti-light-4: #929292;
    --fabas-color-progetti-light-5: #a3a3a3;

    --fabas-color-progetti-dark-1: #434343;
    --fabas-color-progetti-dark-2: #3b3b3b;
    --fabas-color-progetti-dark-3: #333333;
    --fabas-color-progetti-dark-4: #2b2b2b;
    --fabas-color-progetti-dark-5: #232323;

    /* Colore navale */
    --fabas-color-navale: #2875a5;

    --fabas-color-navale-light-1: #4287b3; /* Più chiaro */
    --fabas-color-navale-light-2: #5c9ac2;
    --fabas-color-navale-light-3: #76add0;
    --fabas-color-navale-light-4: #90bfdf;
    --fabas-color-navale-light-5: #aad2ed; /* Molto chiaro */

    --fabas-color-navale-dark-1: #246892; /* Più scuro */
    --fabas-color-navale-dark-2: #205b7f;
    --fabas-color-navale-dark-3: #1c4e6c;
    --fabas-color-navale-dark-4: #183f58;
    --fabas-color-navale-dark-5: #143345; /* Molto scuro */


    /* Colore smartluce */
    --fabas-color-smartluce: #cf0b10;

    --fabas-color-smartluce-light-1: #d53d41;
    --fabas-color-smartluce-light-2: #db5e62;
    --fabas-color-smartluce-light-3: #e18083;
    --fabas-color-smartluce-light-4: #e7a1a4;
    --fabas-color-smartluce-light-5: #eec3c5;

    --fabas-color-smartluce-dark-1: #b90a0e;
    --fabas-color-smartluce-dark-2: #a2090c;
    --fabas-color-smartluce-dark-3: #8c070a;
    --fabas-color-smartluce-dark-4: #750609;
    --fabas-color-smartluce-dark-5: #5f0507;

    /* Colore lamialuce */
    --fabas-color-lamialuce: #feed01;

    --fabas-color-lamialuce-light-1: #fef033;
    --fabas-color-lamialuce-light-2: #fef255;
    --fabas-color-lamialuce-light-3: #fef477;
    --fabas-color-lamialuce-light-4: #fef799;
    --fabas-color-lamialuce-light-5: #fff9bb;

    --fabas-color-lamialuce-dark-1: #e5d101;
    --fabas-color-lamialuce-dark-2: #ccba01;
    --fabas-color-lamialuce-dark-3: #b3a401;
    --fabas-color-lamialuce-dark-4: #998d01;
    --fabas-color-lamialuce-dark-5: #807701;
}

.btn-outline-istituzionale {
    --bs-btn-color: var(--fabas-color-istituzionale) !important;
    --bs-btn-border-color: var(--fabas-color-istituzionale);
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--fabas-color-istituzionale-light-1);
    --bs-btn-hover-border-color: var(--fabas-color-istituzionale-light-1);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: var(--fabas-color-istituzionale-dark-5) !important;
    --bs-btn-active-bg: var(--fabas-color-istituzionale-light-2);
    --bs-btn-active-border-color: var(--fabas-color-istituzionale-light-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--fabas-color-istituzionale-light-1) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--fabas-color-istituzionale-light-1);
    --bs-gradient: none;
}

.btn-outline-decorativo {
    --bs-btn-color: var(--fabas-color-decorativo-dark-5) !important;
    --bs-btn-border-color: var(--fabas-color-decorativo-dark-5);
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--fabas-color-decorativo-dark-5);
    --bs-btn-hover-border-color: var(--fabas-color-decorativo-dark-5);
    --bs-btn-focus-shadow-rgb: 243,242,238;
    --bs-btn-active-color: var(--fabas-color-decorativo-dark-5) !important;
    --bs-btn-active-bg: var(--fabas-color-decorativo-dark-2);
    --bs-btn-active-border-color: var(--fabas-color-decorativo-dark-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--fabas-color-decorativo-dark-3) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--fabas-color-decorativo-dark-3);
    --bs-gradient: none;
}

.btn-outline-tecnico {
    --bs-btn-color: var(--fabas-color-tecnico) !important;
    --bs-btn-border-color: var(--fabas-color-tecnico);
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--fabas-color-tecnico-light-1);
    --bs-btn-hover-border-color: var(--fabas-color-tecnico-light-1);
    --bs-btn-focus-shadow-rgb: 71,101,98;
    --bs-btn-active-color: var(--fabas-color-tecnico-dark-5) !important;
    --bs-btn-active-bg: var(--fabas-color-tecnico-light-2);
    --bs-btn-active-border-color: var(--fabas-color-tecnico-light-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--fabas-color-tecnico-light-1) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--fabas-color-tecnico-light-1);
    --bs-gradient: none;
}

.btn-outline-progetti {
    --bs-btn-color: var(--fabas-color-progetti) !important;
    --bs-btn-border-color: var(--fabas-color-progetti);
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--fabas-color-progetti-light-1);
    --bs-btn-hover-border-color: var(--fabas-color-progetti-light-1);
    --bs-btn-focus-shadow-rgb: 75,75,75;
    --bs-btn-active-color: var(--fabas-color-progetti-dark-5) !important;
    --bs-btn-active-bg: var(--fabas-color-progetti-light-2);
    --bs-btn-active-border-color: var(--fabas-color-progetti-light-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--fabas-color-progetti-light-1) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--fabas-color-progetti-light-1);
    --bs-gradient: none;
}

.btn-outline-navale {
    --bs-btn-color: var(--fabas-color-navale) !important;
    --bs-btn-border-color: var(--fabas-color-navale);
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--fabas-color-navale-light-1);
    --bs-btn-hover-border-color: var(--fabas-color-navale-light-1);
    --bs-btn-focus-shadow-rgb: 40,117,165;
    --bs-btn-active-color: var(--fabas-color-navale-dark-5) !important;
    --bs-btn-active-bg: var(--fabas-color-navale-light-2);
    --bs-btn-active-border-color: var(--fabas-color-navale-light-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--fabas-color-navale-light-1) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--fabas-color-navale-light-1);
    --bs-gradient: none;
}

.btn-outline-smartluce {
    --bs-btn-color: var(--fabas-color-smartluce) !important;
    --bs-btn-border-color: var(--fabas-color-smartluce);
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--fabas-color-smartluce-light-1);
    --bs-btn-hover-border-color: var(--fabas-color-smartluce-light-1);
    --bs-btn-focus-shadow-rgb: 207,11,16;
    --bs-btn-active-color: var(--fabas-color-smartluce-dark-5) !important;
    --bs-btn-active-bg: var(--fabas-color-smartluce-light-2);
    --bs-btn-active-border-color: var(--fabas-color-smartluce-light-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--fabas-color-smartluce-light-1) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--fabas-color-smartluce-light-1);
    --bs-gradient: none;
}

.btn-outline-lamialuce {
    --bs-btn-color: var(--fabas-color-lamialuce-dark-3) !important;
    --bs-btn-border-color: var(--fabas-color-lamialuce-dark-3);
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--fabas-color-lamialuce-dark-3);
    --bs-btn-hover-border-color: var(--fabas-color-lamialuce-dark-3);
    --bs-btn-focus-shadow-rgb: 254,237,1;
    --bs-btn-active-color: var(--fabas-color-lamialuce-dark-5) !important;
    --bs-btn-active-bg: var(--fabas-color-lamialuce-dark-2);
    --bs-btn-active-border-color: var(--fabas-color-lamialuce-dark-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--fabas-color-lamialuce-dark-3) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--fabas-color-lamialuce-dark-3);
    --bs-gradient: none;
}