@tailwind base;
@tailwind components;
@tailwind utilities;

body{
    @apply text-par-l text-lab-pr tracking-tight;
}

.app-container{
    @apply mx-auto max-w-[1200px];
}

.navbar-active{
    @apply bg-bg-pr shadow-sm text-lab-pr rounded-md;
}

.navbar-inactive{
    @apply text-lab-pr2;
}

/* .navbar-active span{
    @apply first:text-brand-900 last:text-brand-900;
}

.navbar-inactive span{
    @apply first:text-lab-pr2 last:text-lab-pr2;
} */

.flex-center{
    @apply flex items-center justify-center;
}

.inline-flex-center{
    @apply inline-flex items-center justify-center;
}

select option{
    @apply odd:bg-fill-qt text-par-s;
}

.smoothing{
    @apply transition-all ease-in-out;
}

.brand-gradient-pr{
    @apply bg-gradient-to-r from-blue-500 to-purple-500;
}

.w-12\/12{
    @apply w-full;
}

input[type="file"] {
    @apply block w-full rounded-md cursor-pointer text-par-s text-black bg-fill-tr transition-all ease-in-out file:cursor-pointer file:h-12 file:border-none file:uppercase file:text-lab-pr file:text-par-s file:mr-5 file:py-2 file:px-4 file:bg-fill-sc file:font-medium ring-2 ring-transparent hover:ring-brand-900 active:border-brand-900;
}

.gradient-1{
    background-image: linear-gradient(93deg, #6b41ff 18.61%, #f64cff 70.98%, #ffc553 102%);
}

.gradient-2{
    background-image: linear-gradient(93deg, #6b41ff, #B037A6, #B037A6 90%);
}

span.status-badge{
    @apply inline-flex items-center px-2.5 py-1.5 text-cap-l font-medium bg-fill-pr text-lab-pr rounded-full;
}

span.status-badge.status-completed{
    @apply bg-[#D1FBF0] text-[#098062];
}

span.status-badge.status-pending{
    @apply bg-[#FEE4CD] text-[#F8700B];
}

span.status-badge.status-canceled{
    @apply bg-[#FCD4D5] text-[#b20c0f];
}

span.status-badge.status-failed{
    @apply bg-[#FCD4D5] text-[#b20c0f];
}

span.status-badge.status-processing{
    @apply bg-[#CCD8FD] text-[#0B3ECC];
}

span.status-badge.status-expired{
    @apply bg-fill-tr text-lab-pr2;
}