/* Custom styles to complement Tailwind */

/* Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Smooth transitions for interactive elements */
a, button {
    transition: all 0.2s ease-in-out;
}

/* Selection color */
::selection {
    background: #c9a84c;
    color: #0a1628;
}

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

/* Prevent overflow issues */
html, body {
    overflow-x: hidden;
}

/* Focus styles for accessibility */
:focus-visible {
    outline: 2px solid #c9a84c;
    outline-offset: 2px;
}

/* Mobile menu overlay */
.mobile-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(10, 22, 40, 0.95);
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.mobile-menu-overlay.active {
    opacity: 1;
    pointer-events: all;
}