/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #22d3ee;
}

/* Typography Utilities */
.font-serif {
    font-family: 'Playfair Display', serif;
}
.font-sans {
    font-family: 'Inter', sans-serif;
}

/* Smooth Scroll Behavior for Anchor Links */
html {
    scroll-behavior: smooth;
}

/* Selection Color */
::selection {
    background: #22d3ee;
    color: #020617;
}

/* Subtle Glow Animation for Hero */
@keyframes glow {
    0%, 100% { box-shadow: 0 0 20px rgba(34, 211, 238, 0.1); }
    50% { box-shadow: 0 0 40px rgba(34, 211, 238, 0.3); }
}

.hero-img-container {
    animation: glow 4s infinite ease-in-out;
}

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

/* Focus Styles for Accessibility */
button:focus, a:focus, input:focus, textarea:focus {
    outline: 2px solid #22d3ee;
    outline-offset: 2px;
}