:root {
    --ff-bg: #f4f7fb;
    --ff-bg-accent: #eaf2f8;
    --ff-text: #173042;
    --ff-muted: #5f7486;
    --ff-border: rgba(23, 48, 66, 0.08);
    --ff-shadow: 0 10px 30px rgba(16, 35, 49, 0.07);
    --ff-shadow-soft: 0 6px 18px rgba(16, 35, 49, 0.05);
    --ff-primary: #1e73be;
    --ff-primary-dark: #155a96;
    --ff-hero-top: #0b2233;
    --ff-hero-bottom: #12364d;
    --ff-hero-text: #eaf6fb;
}




#forecast-chart {
    width: 100%;
    height: 300px;
}