/* Tailwind Configuration & Global Styles */

/* Theme-aware scrollbar */
:root { 
    --scrollbar-thumb: #cbd5e1;
}

.dark { 
    --scrollbar-thumb: #334155;
}

::-webkit-scrollbar { 
    width: 3px; 
    height: 3px; 
}

::-webkit-scrollbar-track { 
    background: transparent; 
}

::-webkit-scrollbar-thumb { 
    background: var(--scrollbar-thumb); 
    border-radius: 10px; 
}

.dropdown-scroll::-webkit-scrollbar { 
    width: 3px; 
}

.dropdown-scroll::-webkit-scrollbar-track { 
    background: transparent; 
}

.dropdown-scroll::-webkit-scrollbar-thumb { 
    background: var(--scrollbar-thumb); 
    border-radius: 10px; 
}

/* Hide number input arrows */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

input[type=number] { 
    -moz-appearance: textfield; 
}

/* Smooth transitions */
.smooth-transition { 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); 
}

.theme-transition { 
    transition: background-color 0.3s, border-color 0.3s, color 0.3s; 
}

body { 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}