/*
  ==============================================================
        BORDER COLOR
  ==============================================================
*/


/*
  ==============================================================
        BORDER TAILWIND SLATE 
  ==============================================================
*/

.border-tailwind-slate-050 {
    border-color: var(--tailwind-slate-050);
}

.border-tailwind-slate-100 {
    border-color: var(--tailwind-slate-100);
}

.border-tailwind-slate-200 {
    border-color: var(--tailwind-slate-200);
}

.border-tailwind-slate-300 {
    border-color: var(--tailwind-slate-300);
}

.border-tailwind-slate-400 {
    border-color: var(--tailwind-slate-400);
}

.border-tailwind-slate-500 {
    border-color: var(--tailwind-slate-500);
}

.border-tailwind-slate-600 {
    border-color: var(--tailwind-slate-600);
}

.border-tailwind-slate-700 {
    border-color: var(--tailwind-slate-700);
}

.border-tailwind-slate-800 {
    border-color: var(--tailwind-slate-800);
}

.border-tailwind-slate-900 {
    border-color: var(--tailwind-slate-900);
}


/*  
    ------------------------------------------------------
    BORDER TAILWIND SLATE HOVER
    ------------------------------------------------------
*/

.hover\:border-tailwind-slate-050:hover {
    border-color: var(--tailwind-slate-050);
}

.hover\:border-tailwind-slate-100:hover {
    border-color: var(--tailwind-slate-100);
}

.hover\:border-tailwind-slate-200:hover {
    border-color: var(--tailwind-slate-200);
}

.hover\:border-tailwind-slate-300:hover {
    border-color: var(--tailwind-slate-300);
}

.hover\:border-tailwind-slate-400:hover {
    border-color: var(--tailwind-slate-400);
}

.hover\:border-tailwind-slate-500:hover {
    border-color: var(--tailwind-slate-500);
}

.hover\:border-tailwind-slate-600:hover {
    border-color: var(--tailwind-slate-600);
}

.hover\:border-tailwind-slate-700:hover {
    border-color: var(--tailwind-slate-700);
}

.hover\:border-tailwind-slate-800:hover {
    border-color: var(--tailwind-slate-800);
}

.hover\:border-tailwind-slate-900:hover {
    border-color: var(--tailwind-slate-900);
}


/*
    ------------------------------------------------------
    OBRDER TAILWIND SLATE FOCUS
    ------------------------------------------------------
*/

.focus\:border-tailwind-slate-050:focus {
    border-color: var(--tailwind-slate-050);
}

.focus\:border-tailwind-slate-100:focus {
    border-color: var(--tailwind-slate-100);
}

.focus\:border-tailwind-slate-200:focus {
    border-color: var(--tailwind-slate-200);
}

.focus\:border-tailwind-slate-300:focus {
    border-color: var(--tailwind-slate-300);
}

.focus\:border-tailwind-slate-400:focus {
    border-color: var(--tailwind-slate-400);
}

.focus\:border-tailwind-slate-500:focus {
    border-color: var(--tailwind-slate-500);
}

.focus\:border-tailwind-slate-600:focus {
    border-color: var(--tailwind-slate-600);
}

.focus\:border-tailwind-slate-700:focus {
    border-color: var(--tailwind-slate-700);
}

.focus\:border-tailwind-slate-800:focus {
    border-color: var(--tailwind-slate-800);
}

.focus\:border-tailwind-slate-900:focus {
    border-color: var(--tailwind-slate-900);
}





/*
  ==============================================================
        BORDER TAILWIND blue 
  ==============================================================
*/

.border-tailwind-blue-050 {
    border-color: var(--tailwind-blue-050);
}

.border-tailwind-blue-100 {
    border-color: var(--tailwind-blue-100);
}

.border-tailwind-blue-200 {
    border-color: var(--tailwind-blue-200);
}

.border-tailwind-blue-300 {
    border-color: var(--tailwind-blue-300);
}

.border-tailwind-blue-400 {
    border-color: var(--tailwind-blue-400);
}

.border-tailwind-blue-500 {
    border-color: var(--tailwind-blue-500);
}

.border-tailwind-blue-600 {
    border-color: var(--tailwind-blue-600);
}

.border-tailwind-blue-700 {
    border-color: var(--tailwind-blue-700);
}

.border-tailwind-blue-800 {
    border-color: var(--tailwind-blue-800);
}

.border-tailwind-blue-900 {
    border-color: var(--tailwind-blue-900);
}


/*  
    ------------------------------------------------------
    BORDER TAILWIND SLATE HOVER
    ------------------------------------------------------
*/

.hover\:border-tailwind-blue-050:hover {
    border-color: var(--tailwind-blue-050);
}

.hover\:border-tailwind-blue-100:hover {
    border-color: var(--tailwind-blue-100);
}

.hover\:border-tailwind-blue-200:hover {
    border-color: var(--tailwind-blue-200);
}

.hover\:border-tailwind-blue-300:hover {
    border-color: var(--tailwind-blue-300);
}

.hover\:border-tailwind-blue-400:hover {
    border-color: var(--tailwind-blue-400);
}

.hover\:border-tailwind-blue-500:hover {
    border-color: var(--tailwind-blue-500);
}

.hover\:border-tailwind-blue-600:hover {
    border-color: var(--tailwind-blue-600);
}

.hover\:border-tailwind-blue-700:hover {
    border-color: var(--tailwind-blue-700);
}

.hover\:border-tailwind-blue-800:hover {
    border-color: var(--tailwind-blue-800);
}

.hover\:border-tailwind-blue-900:hover {
    border-color: var(--tailwind-blue-900);
}


/*
    ------------------------------------------------------
    OBRDER TAILWIND SLATE FOCUS
    ------------------------------------------------------
*/

.focus\:border-tailwind-blue-050:focus {
    border-color: var(--tailwind-blue-050);
}

.focus\:border-tailwind-blue-100:focus {
    border-color: var(--tailwind-blue-100);
}

.focus\:border-tailwind-blue-200:focus {
    border-color: var(--tailwind-blue-200);
}

.focus\:border-tailwind-blue-300:focus {
    border-color: var(--tailwind-blue-300);
}

.focus\:border-tailwind-blue-400:focus {
    border-color: var(--tailwind-blue-400);
}

.focus\:border-tailwind-blue-500:focus {
    border-color: var(--tailwind-blue-500);
}

.focus\:border-tailwind-blue-600:focus {
    border-color: var(--tailwind-blue-600);
}

.focus\:border-tailwind-blue-700:focus {
    border-color: var(--tailwind-blue-700);
}

.focus\:border-tailwind-blue-800:focus {
    border-color: var(--tailwind-blue-800);
}

.focus\:border-tailwind-blue-900:focus {
    border-color: var(--tailwind-blue-900);
}