/* Additional custom styles */
:root {
    --emerald-50: #f0fdf4;
    --emerald-100: #dcfce7;
    --emerald-200: #bbf7d0;
    --emerald-300: #86efac;
    --emerald-400: #4ade80;
    --emerald-500: #22c55e;
    --emerald-600: #16a34a;
    --emerald-700: #15803d;
    --emerald-800: #166534;
    --emerald-900: #14532d;
    --emerald-950: #052e16;
    --cream-50: #fefdf8;
    --cream-100: #fdf9f0;
    --cream-200: #faf3e0;
    --cream-300: #f5e9c8;
    --cream-400: #ecd9a8;
    --cream-500: #dfc07a;
    --cream-600: #c9a04e;
    --cream-700: #a87b32;
    --cream-800: #8b6029;
    --cream-900: #724d24;
    --cream-950: #3f2b10;
}

/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    line-height: 1.6;
    color: #1a1a1a;
    background-color: #fdfdf8;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 1.2;
}

/* Utility classes */
.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Animation keyframes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Animation classes */
.animate-fade-in-up {
    animation: fadeInUp 0.8s ease forwards;
}

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

/* Stagger animation delays */
.delay-100 {
    animation-delay: 0.1s;
}

.delay-200 {
    animation-delay: 0.2s;
}

.delay-300 {
    animation-delay: 0.3s;
}

.delay-400 {
    animation-delay: 0.4s;
}

.delay-500 {
    animation-delay: 0.5s;
}

/* Focus styles */
*:focus {
    outline: none;
}

/* Selection color */
::selection {
    background-color: #15803d;
    color: #fefdf8;
}

/* Print styles */
@media print {
    .no-print {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
}