html.smooth-scroll {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Inter, sans-serif;
    background-color: #020617;
    color: #F8FAFC;
}

/* WordPress Admin Bar Adjustments */
.admin-bar #main-nav {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar #main-nav {
        top: 46px;
    }
}

@media screen and (max-width: 600px) {
    .admin-bar #main-nav {
        top: 0;
    }
}

/* Enhanced hover effects for base elements */
a, button {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Enhanced Focus States for Accessibility & UX */
*:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.6); /* Primary color outline */
    outline-offset: 4px;
    border-radius: 4px;
}