/* Gradient divider — full-bleed horizontal strip in the brand-tour palette.
   Drop in between any two sections to mark a transition. Two orthogonal
   modifier axes:
   - palette: default (cool, night → dawn), --warm (ember → glow), or
              --aqua (tide → foam)
   - direction: default (90deg, dark → light) or --reverse (270deg)
   Modifiers compose, e.g.
   `.gradient-divider--warm.gradient-divider--reverse`. */

.gradient-divider {
	height: 1rem;
	background: var(--gradient-tour);
}

.gradient-divider--warm {
	background: var(--gradient-tour-warm);
}

.gradient-divider--aqua {
	background: var(--gradient-tour-aqua);
}

.gradient-divider--reverse {
	background: linear-gradient(270deg, var(--color-tour-night) 0%, var(--color-tour-deep) 33%, var(--color-tour-mist) 67%, var(--color-tour-dawn) 100%);
}

.gradient-divider--warm.gradient-divider--reverse {
	background: linear-gradient(270deg, var(--color-tour-ember) 0%, var(--color-tour-flare) 50%, var(--color-tour-glow) 100%);
}

.gradient-divider--aqua.gradient-divider--reverse {
	background: linear-gradient(270deg, var(--color-tour-tide) 0%, var(--color-tour-surf) 50%, var(--color-tour-foam) 100%);
}