:root{
    --tw-bg-opacity: 1;
    --cadre:rgb(255 255 255 / var(--tw-bg-opacity, 1));
    
     --primary:rgb(15 23 42 / var(--tw-bg-opacity, 1));
	--text_primary:rgb(255 255 255 / var(--tw-text-opacity, 1));
	
 }
    .bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
    }
    .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .bg-slate-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
    }
    .bg-slate-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
    }
    .bg-slate-50{
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
   }
   

   .border-slate-200 {
        --tw-border-opacity: 1;
        border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
   }
   .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    
    .text-slate-900 {
        --tw-text-opacity: 1;
        color: rgb(15 23 42 / var(--tw-text-opacity, 1));
    }
    .text-slate-800 {
        --tw-text-opacity: 1;
        color: rgb(30 41 59 / var(--tw-text-opacity, 1));
    } 
    .text-slate-700 {
        --tw-text-opacity: 1;
        color: rgb(51 65 85 / var(--tw-text-opacity, 1));
    }
    .text-slate-600 {
        --tw-text-opacity: 1;
        color: rgb(71 85 105 / var(--tw-text-opacity, 1));
    }
    .text-slate-500 {
        --tw-text-opacity: 1;
        color: rgb(100 116 139 / var(--tw-text-opacity, 1));
   }  
   
   .text-slate-400 {
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity, 1));
   }
   .text-emerald-600 {
        --tw-text-opacity: 1;
        color: rgb(5 150 105 / var(--tw-text-opacity, 1));
    }
    .text-red-600 {
        --tw-text-opacity: 1;
        color: rgb(220 38 38 / var(--tw-text-opacity, 1));
   }
   .text-amber-600 {
        --tw-text-opacity: 1;
        color: rgb(217 119 6 / var(--tw-text-opacity, 1));
    }
    .bg-red-50\/50 {
       background-color: rgb(254 242 242 / 0.5);
    }
    .border-red-100 {
        --tw-border-opacity: 1;
        border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
    }
    #header nav li{
        list-style: none;
        cursor: pointer;
    }
    #header nav li:hover{
        list-style: none;
       --tw-bg-opacity: 1;
       background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
        
    }
    #header nav li .active{
        list-style: none;
        --tw-bg-opacity: 1;
       background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
        
    }

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}


.text-amber-700 {
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
    --tw-text-opacity: 1;
    color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-emerald-800 {
    --tw-text-opacity: 1;
    color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.text-rose-600 {
    --tw-text-opacity: 1;
    color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.hover\:bg-rose-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50\/30 {
    background-color: rgb(238 242 255 / 0.3);
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}