:root {
    --gradient-solar-city: linear-gradient(
        90deg,
        hsl(9 89 46 / .8),
        hsl(37 89 56 / .9),
        hsl(51 89 56 / .9)
    );
    --gradient-solar-city-fade: linear-gradient(
        90deg,
        hsl(9 89 46 / .8),
        hsl(37 89 56 / .9),
        hsl(51 89 56 / .9),
        hsl(51 89 56 / .2) 85%
    );
}

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

.bg-sky-blue {
    background: var(--color-sky-blue);
}

.bg-night-blue {
    background: var(--color-sky-blue);
}

.bg-gastronomy {
    background: var(--color-gastronomy-light);
}

.bg-shops {
    background: var(--color-shops-light);
}

.bg-services {
    background: var(--color-services-light);
}

.bg-doctors {
    background: var(--color-doctors-light);
}

.bg-news_and_events {
    background: var(--color-news-and-events-light);
}

.bg-about_us {
    background: var(--color-about_us-light);
}

.bg-hero-text {
    background: var(--color-orange-main);
}

.bg-bold {
    background: linear-gradient(
        180deg,
        hsl(9 89 46 / .8),
        hsl(37 89 56 / .9),
        hsl(51 89 56 / .9)
    );
}