/* Custom Styles & Tailwind Overrides */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar for nicer look */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #fdf6e9; 
}
::-webkit-scrollbar-thumb {
    background: #f6e3bb; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c7a24d; 
}
/* Loading Spinner Animation */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.spinner {
    animation: spin 1s linear infinite;
}
/* Skeleton Loading Animation */
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.skeleton {
    background: linear-gradient(90deg, #fdf6e9 25%, #f6e3bb 50%, #fdf6e9 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}
/* Toast Notifications */
.toast-enter {
    transform: translateY(100%);
    opacity: 0;
}
.toast-enter-active {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s ease-out;
}
.toast-exit {
    transform: translateY(0);
    opacity: 1;
}
.toast-exit-active {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.3s ease-in;
}
/* Focus Ring Overrides for Accessibility */
*:focus-visible {
    outline: 2px solid #c7a24d;
    outline-offset: 2px;
}

/* File Drop Zone Active State */
.drag-active {
    border-color: #c7a24d !important;
    background-color: #faedd2 !important;
}