Per-section color overrides

Many sections expose a Colors group at the bottom of their settings — useful when one hero or testimonial block needs a different palette without touching the theme defaults.

Sections that support overrides

• Header (menu bg / text / accent / divider / transparent variants)
• Announcement bar
• Hero banner / Slideshow / Video hero (overlay opacity + text color)
• Countdown (background, text, eyebrow, digit, label, button colors)
• Newsletter / Newsletter popup (background, text)
• Image with text (background)
• Page hero
• Map (overlay, panel)

How overrides work

Each section emits inline style="--var-name: value" on its root element. CSS rules in the section read those variables before falling back to theme defaults:

.countdown { color: var(--cd-text, var(--dost-text)); }

So leaving an override blank inherits the theme color; setting one overrides just that section.

Tips

• Use sparingly. Too many sections with custom palettes break the theme rhythm.
• Common safe override: a single hero with a darker background to make the next light section feel airy.