/* Custom Tailwind Configuration & Color Palette */
        :root {
            --color-bg: #af9560; /* Soft Ivory */
            --color-primary-accent: #A7C4A0; /* Sage Green */
            --color-secondary-accent: #F5C9B8; /* Warm Peach */
            --color-text: #333333; /* Charcoal Gray */
            --color-light-text: #6b6b6b;
        }
        
        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--color-bg);
            color: var(--color-text);
        }
        
        h1, h2, h3, h4, .font-heading {
            font-family: 'Poppins', sans-serif;
            font-weight: 600;
            color: var(--color-text);
        }

        /* Sage Green Button Style */
        .btn-sage {
            background-color: var(--color-primary-accent);
            color: white;
            transition: all 0.3s ease;
            border-radius: 9999px; /* Highly rounded */
            text-transform: uppercase;
            letter-spacing: 0.05em;
            box-shadow: 0 4px 10px rgba(167, 196, 160, 0.4);
        }
        .btn-sage:hover {
            background-color: #8da786; /* Darker Sage */
            box-shadow: 0 6px 15px rgba(167, 196, 160, 0.6);
            transform: translateY(-1px);
        }
        
        /* Card Hover Lift/Zoom */
        .card-hover {
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        .card-hover:hover {
            transform: translateY(-2px) scale(1.01);
            box-shadow: 0 10px 20px rgba(51, 51, 51, 0.08);
        }

        /* Page Management Classes */
        .page-section {
            display: none;
            min-height: calc(100vh - 80px); /* Account for header */
            padding-top: 100px;
        }
        .page-section.active {
            display: block;
            animation: fadeIn 0.5s ease-out;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Utility classes for new palette */
        .text-sage { color: var(--color-primary-accent); }
        .bg-sage { background-color: var(--color-primary-accent); }
        .text-peach { color: var(--color-secondary-accent); }
        .bg-peach { background-color: var(--color-secondary-accent); }

        /* Animation for Hero Image Fade In */
        .animate-fade-in {
            animation: heroFadeIn 0.6s ease-out;
        }
        @keyframes heroFadeIn {
            from { opacity: 0.8; transform: scale(1.02); }
            to { opacity: 1; transform: scale(1); }
        }