/* Custom styles supplementing Tailwind */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Mobile menu animations */
#mobile-menu a {
    display: block;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(16, 185, 129, 0.1);
}

#mobile-menu a:last-child {
    border-bottom: none;
    margin-top: 0.5rem;
}

/* Subtle pattern for cream sections */
.bg-cream-50 {
    background-image: radial-gradient(circle at 20% 20%, rgba(16, 185, 129, 0.03) 0%, transparent 50%),
                      radial-gradient(circle at 80% 80%, rgba(16, 185, 129, 0.03) 0%, transparent 50%);
}

/* Focus visible styles */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #10b981;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background-color: rgba(16, 185, 129, 0.2);
    color: #064e3b;
}