/* Custom styles for Thai Men's Health Website */
:root {
    --emerald-50: #ecfdf5;
    --emerald-600: #059669;
    --emerald-700: #047857;
    --stone-50: #fafaf9;
    --stone-100: #f5f5f4;
    --stone-200: #e7e5e4;
    --stone-600: #57534e;
    --stone-900: #1c1917;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Noto Sans Thai', 'Inter', sans-serif;
}

.hero-image::before {
    content: '';
    position: absolute;
    inset: -20px;
    border: 2px dashed var(--stone-200);
    border-radius: 2.5rem;
    z-index: -1;
}

.food-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.food-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.category-btn.active {
    background-color: var(--stone-900);
    color: white;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}