/* Custom styles for Marley Ink */

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
}

.font-serif {
    font-family: 'Playfair Display', Georgia, serif;
}

/* Ensure all text has proper contrast */
.text-emerald-900 { color: #064e3b; }
.text-emerald-800 { color: #065f46; }
.text-emerald-700 { color: #056d4e; }
.text-emerald-100 { color: #d1fae5; }
.text-emerald-300 { color: #6ee7b7; }
.text-cream-50 { color: #fdfbf7; }
.text-cream-100 { color: #faf5ef; }

/* Button focus styles */
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #059669;
    outline-offset: 2px;
}

/* Subtle pattern overlay for sections */
.bg-cream-50 {
    background-color: #fdfbf7;
}

.bg-cream-100 {
    background-color: #faf5ef;
}

/* Animation for scroll reveals */
.reveal {
    opacity: 1;
    transform: none;
    transition: opacity 0.8s ease, transform 0.8s ease;
}

@media (prefers-reduced-motion: no-preference) {
    .reveal {
        opacity: 0;
        transform: translateY(30px);
    }
    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Mobile menu transitions */
#mobile-menu {
    transition: max-height 0.3s ease;
}