body {
    font-family: 'Inter', sans-serif;
    background-color: #F4F7F5;
    /* Light natural off-white */
    color: #1C2A22;
    /* Charcoal Gray */
}

:root {
    --primary-green: #1E5E3A;
    /* Forest Green */
    --secondary-mint: #4FA881;
    /* Mint Green */
}

.text-primary {
    color: var(--primary-green);
}

.text-secondary {
    color: var(--secondary-mint);
}

.bg-primary {
    background-color: var(--primary-green);
}

.bg-secondary {
    background-color: var(--secondary-mint);
}

.bg-natural {
    background-color: #F4F7F5;
}

.text-charcoal {
    color: #1C2A22;
}

/* Smooth Animations */
.offer-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.offer-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px -5px rgba(30, 94, 58, 0.08);
}

#progress-bar {
    transition: width 0.5s ease-in-out;
}