/* Custom Styles to complement Tailwind */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Utilities */
.bg-sand {
    background-color: #F5F5F0; /* Warm off-white/sand */
}

.text-terracotta {
    color: #C05A3A; /* Terracotta */
}

.bg-terracotta {
    background-color: #C05A3A;
}

.border-terracotta {
    border-color: #C05A3A;
}

/* Skip Link for Accessibility */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #C05A3A;
    color: white;
    padding: 8px;
    z-index: 100;
    transition: top 0.3s;
}

.skip-link:focus {
    top: 0;
}

/* Mobile Menu Transitions */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}