body {
    font-family: 'Inter', sans-serif;
}
.bg-warm-neutral { background-color: #F7F9F5; }
.bg-soft-accent { background-color: #EAEFEB; }
.text-primary { color: #2E4034; }
.text-secondary { color: #587462; }
.btn-primary { background-color: #6A8A74; color: #FFFFFF; }
.btn-primary:hover { background-color: #587462; }
.accent-color { color: #8BAA96; }
.border-accent { border-color: #D8E2DA; }
.section-padding {
    padding: 4rem 1rem;
}
@media (min-width: 768px) {
    .section-padding {
        padding: 6rem 2rem;
    }
}
.chart-container { 
    position: relative; 
    width: 100%; 
    max-width: 600px; 
    margin-left: auto; 
    margin-right: auto; 
    height: 300px;
    max-height: 400px;
}
@media (min-width: 768px) { 
    .chart-container { 
        height: 350px; 
    } 
}
.hero-bg {
    background-image: url('images/hero-bg.png');
    background-size: cover;
    background-position: center;
}