:root {
            --colors-primary-50: 246,250,231;--colors-primary-100: 233,243,197;--colors-primary-200: 221,236,163;--colors-primary-300: 208,230,129;--colors-primary-400: 195,223,95;--colors-primary-500: 182,216,61;--colors-primary-600: 152,184,37;--colors-primary-700: 113,137,28;--colors-primary-800: 75,91,18;--colors-primary-900: 36,44,9;
        }

        html {
            font-family: 'Roboto'!important;
        }

        .font-sans {
            font-family: 'Roboto'!important;
        }

        .bg-primary {
            background-color: #b6d83d !important;
        }

        .text-primary {
                color: #b6d83d;
        }

        .hover\:text-primary:hover {
            color: #b6d83d;
        }
        
        .body {
            font-family: 'Roboto'!important;
            background-image: url(/images/background-wattify.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        

        .bg-primary-50{ background-color:rgb(246,250,231); } .bg-primary-100{ background-color:rgb(233,243,197); } .bg-primary-200{ background-color:rgb(221,236,163); } .bg-primary-300{ background-color:rgb(208,230,129); } .bg-primary-400{ background-color:rgb(195,223,95); } .bg-primary-500{ background-color:rgb(182,216,61); } .bg-primary-600{ background-color:rgb(152,184,37); } .bg-primary-700{ background-color:rgb(113,137,28); } .bg-primary-800{ background-color:rgb(75,91,18); } .bg-primary-900{ background-color:rgb(36,44,9); } 
        .border-primary-50{ border-color:rgb(246,250,231); } .border-primary-100{ border-color:rgb(233,243,197); } .border-primary-200{ border-color:rgb(221,236,163); } .border-primary-300{ border-color:rgb(208,230,129); } .border-primary-400{ border-color:rgb(195,223,95); } .border-primary-500{ border-color:rgb(182,216,61); } .border-primary-600{ border-color:rgb(152,184,37); } .border-primary-700{ border-color:rgb(113,137,28); } .border-primary-800{ border-color:rgb(75,91,18); } .border-primary-900{ border-color:rgb(36,44,9); } 
        .text-primary-50{ color:rgb(246,250,231); } .text-primary-100{ color:rgb(233,243,197); } .text-primary-200{ color:rgb(221,236,163); } .text-primary-300{ color:rgb(208,230,129); } .text-primary-400{ color:rgb(195,223,95); } .text-primary-500{ color:rgb(182,216,61); } .text-primary-600{ color:rgb(152,184,37); } .text-primary-700{ color:rgb(113,137,28); } .text-primary-800{ color:rgb(75,91,18); } .text-primary-900{ color:rgb(36,44,9); } 
        .focus\:ring-primary-50:focus{ --tw-ring-color:rgb(246,250,231); } .focus\:ring-primary-100:focus{ --tw-ring-color:rgb(233,243,197); } .focus\:ring-primary-200:focus{ --tw-ring-color:rgb(221,236,163); } .focus\:ring-primary-300:focus{ --tw-ring-color:rgb(208,230,129); } .focus\:ring-primary-400:focus{ --tw-ring-color:rgb(195,223,95); } .focus\:ring-primary-500:focus{ --tw-ring-color:rgb(182,216,61); } .focus\:ring-primary-600:focus{ --tw-ring-color:rgb(152,184,37); } .focus\:ring-primary-700:focus{ --tw-ring-color:rgb(113,137,28); } .focus\:ring-primary-800:focus{ --tw-ring-color:rgb(75,91,18); } .focus\:ring-primary-900:focus{ --tw-ring-color:rgb(36,44,9); } 
        .focus\:border-primary-50:focus{ border-color:rgb(246,250,231); } .focus\:border-primary-100:focus{ border-color:rgb(233,243,197); } .focus\:border-primary-200:focus{ border-color:rgb(221,236,163); } .focus\:border-primary-300:focus{ border-color:rgb(208,230,129); } .focus\:border-primary-400:focus{ border-color:rgb(195,223,95); } .focus\:border-primary-500:focus{ border-color:rgb(182,216,61); } .focus\:border-primary-600:focus{ border-color:rgb(152,184,37); } .focus\:border-primary-700:focus{ border-color:rgb(113,137,28); } .focus\:border-primary-800:focus{ border-color:rgb(75,91,18); } .focus\:border-primary-900:focus{ border-color:rgb(36,44,9); } 
        .active\:bg-primary-50:active{ background-color:rgb(246,250,231); } .active\:bg-primary-100:active{ background-color:rgb(233,243,197); } .active\:bg-primary-200:active{ background-color:rgb(221,236,163); } .active\:bg-primary-300:active{ background-color:rgb(208,230,129); } .active\:bg-primary-400:active{ background-color:rgb(195,223,95); } .active\:bg-primary-500:active{ background-color:rgb(182,216,61); } .active\:bg-primary-600:active{ background-color:rgb(152,184,37); } .active\:bg-primary-700:active{ background-color:rgb(113,137,28); } .active\:bg-primary-800:active{ background-color:rgb(75,91,18); } .active\:bg-primary-900:active{ background-color:rgb(36,44,9); } 
        .hover\:bg-primary-50:hover{ background-color:rgb(246,250,231); } .hover\:bg-primary-100:hover{ background-color:rgb(233,243,197); } .hover\:bg-primary-200:hover{ background-color:rgb(221,236,163); } .hover\:bg-primary-300:hover{ background-color:rgb(208,230,129); } .hover\:bg-primary-400:hover{ background-color:rgb(195,223,95); } .hover\:bg-primary-500:hover{ background-color:rgb(182,216,61); } .hover\:bg-primary-600:hover{ background-color:rgb(152,184,37); } .hover\:bg-primary-700:hover{ background-color:rgb(113,137,28); } .hover\:bg-primary-800:hover{ background-color:rgb(75,91,18); } .hover\:bg-primary-900:hover{ background-color:rgb(36,44,9); } 
        .hover\:border-primary-50:hover{ border-color:rgb(246,250,231); } .hover\:border-primary-100:hover{ border-color:rgb(233,243,197); } .hover\:border-primary-200:hover{ border-color:rgb(221,236,163); } .hover\:border-primary-300:hover{ border-color:rgb(208,230,129); } .hover\:border-primary-400:hover{ border-color:rgb(195,223,95); } .hover\:border-primary-500:hover{ border-color:rgb(182,216,61); } .hover\:border-primary-600:hover{ border-color:rgb(152,184,37); } .hover\:border-primary-700:hover{ border-color:rgb(113,137,28); } .hover\:border-primary-800:hover{ border-color:rgb(75,91,18); } .hover\:border-primary-900:hover{ border-color:rgb(36,44,9); }