/*
  ==============================================================
        SHADOW TAILWIND SLATE 
  ==============================================================
*/

.shadow-tailwind-slate-050 {
    --tw-shadow-color: var(--rgb-tailwind-slate-050);
}

.shadow-tailwind-slate-100 {
    --tw-shadow-color: var(--rgb-tailwind-slate-100);
}

.shadow-tailwind-slate-200 {
    --tw-shadow-color: var(--rgb-tailwind-slate-200);
}

.shadow-tailwind-slate-300 {
    --tw-shadow-color: var(--rgb-tailwind-slate-300);
}

.shadow-tailwind-slate-400 {
    --tw-shadow-color: var(--rgb-tailwind-slate-400);
}

.shadow-tailwind-slate-500 {
    --tw-shadow-color: var(--rgb-tailwind-slate-500);
}

.shadow-tailwind-slate-600 {
    --tw-shadow-color: var(--rgb-tailwind-slate-600);
}

.shadow-tailwind-slate-700 {
    --tw-shadow-color: var(--rgb-tailwind-slate-700);
}

.shadow-tailwind-slate-800 {
    --tw-shadow-color: var(--rgb-tailwind-slate-800);
}

.shadow-tailwind-slate-900 {
    --tw-shadow-color: var(--rgb-tailwind-slate-900);
}


/*  
    ------------------------------------------------------
    SHADOW TAILWIND SLATE HOVER
    ------------------------------------------------------
*/

.hover\:shadow-tailwind-slate-050:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-050);
}

.hover\:shadow-tailwind-slate-100:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-100);
}

.hover\:shadow-tailwind-slate-200:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-200);
}

.hover\:shadow-tailwind-slate-300:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-300);
}

.hover\:shadow-tailwind-slate-400:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-400);
}

.hover\:shadow-tailwind-slate-500:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-500);
}

.hover\:shadow-tailwind-slate-600:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-600);
}

.hover\:shadow-tailwind-slate-700:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-700);
}

.hover\:shadow-tailwind-slate-800:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-800);
}

.hover\:shadow-tailwind-slate-900:hover {
    --tw-shadow-color: var(--rgb-tailwind-slate-900);
}


/*
    ------------------------------------------------------
    SHADOW TAILWIND SLATE FOCUS
    ------------------------------------------------------
*/

.focus\:shadow-tailwind-slate-050:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-050);
}

.focus\:shadow-tailwind-slate-100:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-100);
}

.focus\:shadow-tailwind-slate-200:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-200);
}

.focus\:shadow-tailwind-slate-300:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-300);
}

.focus\:shadow-tailwind-slate-400:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-400);
}

.focus\:shadow-tailwind-slate-500:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-500);
}

.focus\:shadow-tailwind-slate-600:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-600);
}

.focus\:shadow-tailwind-slate-700:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-700);
}

.focus\:shadow-tailwind-slate-800:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-800);
}

.focus\:shadow-tailwind-slate-900:focus {
    --tw-shadow-color: var(--rgb-tailwind-slate-900);
}







/*
  ==============================================================
        SHADOW BLUE VIVID
  ==============================================================
*/



/* BLUE VIVID */

.shadow-blue-vivid-050 {
    --tw-shadow-color: var(--rgb-blue-vivid-050);
}

.shadow-blue-vivid-100 {
    --tw-shadow-color: var(--rgb-blue-vivid-100);
}

.shadow-blue-vivid-200 {
    --tw-shadow-color: var(--rgb-blue-vivid-200);
}

.shadow-blue-vivid-300 {
    --tw-shadow-color: var(--rgb-blue-vivid-300);
}

.shadow-blue-vivid-400 {
    --tw-shadow-color: var(--rgb-blue-vivid-400);
}

.shadow-blue-vivid-500 {
    --tw-shadow-color: var(--rgb-blue-vivid-500);
}

.shadow-blue-vivid-600 {
    --tw-shadow-color: var(--rgb-blue-vivid-600);
}

.shadow-blue-vivid-700 {
    --tw-shadow-color: var(--rgb-blue-vivid-700);
}

.shadow-blue-vivid-800 {
    --tw-shadow-color: var(--rgb-blue-vivid-800);
}

.shadow-blue-vivid-900 {
    --tw-shadow-color: var(--rgb-blue-vivid-900);
}

/* GRAY COOL */

.shadow-gray-cool-050 {
    --tw-shadow-color: var(--rgb-gray-cool-050);
}

.shadow-gray-cool-100 {
    --tw-shadow-color: var(--rgb-gray-cool-100);
}

.shadow-gray-cool-200 {
    --tw-shadow-color: var(--rgb-gray-cool-200);
}

.shadow-gray-cool-300 {
    --tw-shadow-color: var(--rgb-gray-cool-300);
}

.shadow-gray-cool-400 {
    --tw-shadow-color: var(--rgb-gray-cool-400);
}

.shadow-gray-cool-500 {
    --tw-shadow-color: var(--rgb-gray-cool-500);
}

.shadow-gray-cool-600 {
    --tw-shadow-color: var(--rgb-gray-cool-600);
}

.shadow-gray-cool-700 {
    --tw-shadow-color: var(--rgb-gray-cool-700);
}

.shadow-gray-cool-800 {
    --tw-shadow-color: var(--rgb-gray-cool-800);
}

.shadow-gray-cool-900 {
    --tw-shadow-color: var(--rgb-gray-cool-900);
}


/* CYAN VIVID */

.shadow-cyan-vivid-050 {
    --tw-shadow-color: var(--rgb-cyan-vivid-050);
}

.shadow-cyan-vivid-100 {
    --tw-shadow-color: var(--rgb-cyan-vivid-100);
}

.shadow-cyan-vivid-200 {
    --tw-shadow-color: var(--rgb-cyan-vivid-200);
}

.shadow-cyan-vivid-300 {
    --tw-shadow-color: var(--rgb-cyan-vivid-300);
}

.shadow-cyan-vivid-400 {
    --tw-shadow-color: var(--rgb-cyan-vivid-400);
}

.shadow-cyan-vivid-500 {
    --tw-shadow-color: var(--rgb-cyan-vivid-500);
}

.shadow-cyan-vivid-600 {
    --tw-shadow-color: var(--rgb-cyan-vivid-600);
}

.shadow-cyan-vivid-700 {
    --tw-shadow-color: var(--rgb-cyan-vivid-700);
}

.shadow-cyan-vivid-800 {
    --tw-shadow-color: var(--rgb-cyan-vivid-800);
}

.shadow-cyan-vivid-900 {
    --tw-shadow-color: var(--rgb-cyan-vivid-900);
}