/* Custom styles beyond Tailwind */

    html {
        scroll-behavior: smooth;
    }

    ::selection {
        background: #d9a5b8;
        color: #2a1119;
    }

    /* Subtle hover underline for links */
    a {
        text-decoration: none;
    }

    /* Ensure images don't overflow */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Mobile menu animation */
    #mobileMenu.open #menuLine1 {
        transform: rotate(45deg) translate(3px, 3px);
    }
    #mobileMenu.open #menuLine2 {
        opacity: 0;
    }
    #mobileMenu.open #menuLine3 {
        transform: rotate(-45deg) translate(3px, -3px);
        width: 1.25rem;
    }

    /* Focus styles for accessibility */
    a:focus-visible,
    button:focus-visible {
        outline: 2px solid #fbbf24;
        outline-offset: 2px;
        border-radius: 2px;
    }