[data-bs-theme=light] {
    --bs-primary: #22449E;
    --bs-primary-active: #1A337A;
    --bs-primary-light: #F2F6FF;
    --bs-primary-inverse: #ffffff;
    --bs-primary-clarity: rgba(55, 113, 179, 0.2);
    --bs-primary-rgb: 55, 113, 179;
    --bs-text-primary: #2C5D94;

    --bs-secondary: #FFBB46;
    --bs-secondary-active: #E5A52E;
    --bs-secondary-light: #FFF8ED;
    --bs-secondary-inverse: #ffffff;
    --bs-secondary-clarity: rgba(109, 189, 146, 0.2);
    --bs-secondary-rgb: 109, 189, 146;
    --bs-text-secondary: #337A55;

}

/* =============================================================================
 * SVG
 * ============================================================================= */
.svg-filter-secondary {
    filter: brightness(0) saturate(100%) invert(68%) sepia(25%) saturate(600%) hue-rotate(106deg) brightness(98%) contrast(92%);
}

.svg-filter-primary {
    filter: brightness(0) saturate(100%) invert(38%) sepia(60%) saturate(600%) hue-rotate(190deg) brightness(100%) contrast(90%);
}

/* =============================================================================
 * UCUE
 * ============================================================================= */
:root {
    --ucue-theme-primary: #22449E;
    --ucue-theme-secondary: #FFBB46;
    --ucue-theme-tertiary: #4EAD33;
    --ucue-theme-quaternary: #6001D1;

    --ucue-theme-bg-light: #F2F6FF;
    --ucue-theme-bg-light-2: #FFF8ED;
    --ucue-theme-bg-light-3: #F2F8F5;
    --ucue-theme-bg-light-4: #F4EBFF;
    --ucue-theme-bg-light-5: #EAFCF5;

    /*Colore in rgb per trasparenza*/
    --ucue-theme-primary-rgb: 55, 113, 179;
    --ucue-theme-secondary-rgb: 109, 189, 146;
}