/* Define custom CSS variables for the new pastel palette */
        :root {
            --color-antique-white: #F4F1DE;
            --color-terra-cotta: #E07A5F;
            --color-deep-slate-blue: #3D405B;
            --color-muted-sage-green: #81B29A;

            /* Mapped usage */
            --color-main-bg: var(--color-antique-white);
            --color-primary-button: var(--color-terra-cotta);
            --color-primary-button-hover: #CC6B4F; /* A slightly darker terra cotta for hover */
            --color-accent-green: var(--color-muted-sage-green);
            --color-main-text: var(--color-deep-slate-blue);
            --color-secondary-text: #5A5E7A; /* A lighter shade of deep slate blue */
            --color-gradient-start: var(--color-antique-white);
            --color-gradient-end: var(--color-muted-sage-green);
        }

        /* Custom styles to enhance the dreamy pastel/vintage look */
        body {
            font-family: 'DM Sans', sans-serif;
            background-color: var(--color-main-bg);
            color: var(--color-main-text);
        }
        .gradient-bg {
            /* Blend of antique white and muted sage green */
            background: linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
        }
        .btn-primary {
            background-color: var(--color-primary-button); /* Solid terra cotta */
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            color: white; /* Ensure text remains white for contrast */
        }
        .btn-primary:hover {
            background-color: var(--color-primary-button-hover); /* Darker terra cotta on hover */
            box-shadow: 0 4px 10px rgba(224, 122, 95, 0.4); /* Shadow matching the terra cotta */
        }
        .card-shadow {
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.03);
        }
        /* Removed text-stroke style as requested */

        .feature-icon {
            /* Muted sage green background for icons */
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background-color: var(--color-accent-green);
            color: var(--color-main-text); /* Deep slate blue text for emoji icons */
            font-size: 2rem;
            margin-bottom: 1rem;
            box-shadow: 0 4px 8px rgba(129, 178, 154, 0.3); /* Shadow based on sage green */
        }

        /* Custom classes for specific elements to apply new palette */
        .text-accent-green {
            color: var(--color-accent-green);
        }
        .bg-accent-green {
            background-color: var(--color-accent-green);
        }
        .border-primary-button {
            border-color: var(--color-primary-button);
        }
        .bg-antique-white-shape {
            background-color: var(--color-antique-white);
        }
        .bg-muted-sage-green-shape {
            background-color: var(--color-muted-sage-green);
        }
        .how-it-works-step-1 { background-color: var(--color-terra-cotta); color: white; } /* Terra Cotta */
        .how-it-works-step-2 { background-color: var(--color-muted-sage-green); color: white; } /* Muted Sage Green */
        .how-it-works-step-3 { background-color: var(--color-antique-white); color: var(--color-main-text); } /* Antique White with Deep Slate Blue text */