/* Custom styles that extend Tailwind or provide specific overrides */

body {
    /* Smooth scrolling is handled in HTML style block, but this ensures no jump */
    scroll-padding-top: 80px;
}

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

/* Selection Color */
::selection {
    background-color: #D4896E;
    color: #FDF8F0;
}

/* Form Focus States */
input:focus, select:focus, textarea:focus {
    outline: none;
}

/* Custom Button Hover Effects */
button:hover, a:hover {
    opacity: 0.9;
}

/* Mobile Menu Transitions */
#mobile-menu {
    backdrop-filter: blur(10px);
}

/* Utility for ensuring text contrast */
.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}