/* Custom styles that extend Tailwind */
body {
    background-color: #050505;
    color: #D4C5A9;
}

/* Smooth scrolling is handled in HTML now */

/* Focus styles for accessibility */
button:focus, input:focus, textarea:focus {
    outline: none;
}

/* Animation delay utilities */
.delay-100 {
    transition-delay: 100ms;
}
.delay-200 {
    transition-delay: 200ms;
}
.delay-300 {
    transition-delay: 300ms;
}

/* Ensure images have consistent aspect ratios */
img {
    max-width: 100%;
    height: auto;
}

/* Mobile menu transitions */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Custom scrollbar for webkit */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #050505;
}
::-webkit-scrollbar-thumb {
    background: #2A2A2A;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #C05A33;
}

/* Selection color */
::selection {
    background: #C05A33;
    color: #fff;
}