/* assets/css/style.css */
html {
    scroll-behavior: smooth;
}

nav {
    transition: background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;
}

nav.scrolled {
    background-color: #0f172a;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#mobile-menu {
    transition: transform 0.3s ease-in-out;
    transform-origin: top;
}

#mobile-menu.hidden {
    display: none;
}

::selection {
    background-color: #ea580c;
    color: white;
}