/* Custom Styles & Utilities */
body {
    background-color: #0f1215;
    color: #e8d5c4;
}

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

/* Mobile Menu Transitions */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}

/* Custom Selection Color */
::selection {
    background: #c05c4b;
    color: #fff;
}

/* Image Aspect Ratios */
img {
    max-width: 100%;
    height: auto;
}

/* Form Focus States */
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 2px rgba(192, 92, 75, 0.2);
}

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