:root { 

    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-800: oklch(27.9% 0.041 260.031);

    --color-emerald-50:oklch(97.9% 0.021 166.113);
    --color-emerald-950:oklch(26.2% 0.051 172.552);
    --color-emerald-300:oklch(84.5% 0.143 164.978);

    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-950: oklch(27.9% 0.077 45.635);

    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);

}




/**umb_name: Testo Evidenziato Arancione**/
.badge-primary {
    display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0);
    vertical-align: top;
    white-space: wrap;
    border-radius: 6px;
    font-weight:400;
    background-color: var(--color-slate-100);
    color: var(--color-slate-800);
    border-color: var(--color-slate-300);

}


   .badge-secondary {
    display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    vertical-align: top;
    white-space: wrap;
    border-radius: 6px;
    font-weight:400;
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-950);
    border-color: var(--color-emerald-300);
    }

    .badge-success {
         display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    vertical-align: top;
    white-space: wrap;
    border-radius: 6px;
    font-weight:400;
    background-color: var(--color-emerald-50);   
    color: var(--color-emerald-950);   
    border-color: var(--color-emerald-300);
   
    }

    .badge-danger {
        display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;       
    padding-inline: calc(var(--spacing) * 1.5);
    vertical-align: top;
   white-space: wrap;
    border-radius: 6px;
    font-weight:400;
        background-color: var(--color-red-50);
        color: var(--color-red-950);
        border-color: var(--color-red-300);
    
    }

    .badge-warning {
         display: inline-block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;       
    padding-inline: calc(var(--spacing) * 1.5);
    vertical-align: top;
   white-space: wrap;
    border-radius: 6px;
    font-weight:400;
    background-color: var(--color-amber-50);
    color: var(--color-amber-950);
    border-color: var(--color-amber-300);
    }

    blockquote {
        padding:0 10px;
       border-left: 2px solid #ccc
    }


    .floatLeft {
        float: left;
        margin:0 1rem 1rem 0;
    }

 .floatRight {
        float: right;
        margin:0 0 1rem 1rem;
    }

    .clear{
        clear:both;
        display: block;
    }
 
    margin-top-20 {
        margin-top: 20px;
    }