/* Design 3, fünfte Stufe: Markenfarben statt Pastell.
   Alle großen Flächen nutzen jetzt die satten Farben der Marke (Orange, Grün, Blau, Rot, Marineblau).
   Steht bewusst als letzte Datei, damit es die Pastelltöne aus den früheren Stufen überschreibt. */
:root{--navy:#10202c;--tint:#F99D1C;--tint-ink:var(--ink);--night:#10202c;--coral:#10202c;--sunny:#F99D1C;--sky:#0086CE}

/* Hero: Tagesfarbe wird satt, die Schriftfarbe wechselt mit (JS setzt --tint und --tint-ink). */
.day-hero{color:var(--tint-ink)}
.day-hero .lead,.day-hero-copy .lead{color:inherit}
.day-hero .button.outline{border-color:currentColor;color:inherit}
.day-hero .button.outline:hover{background:var(--tint-ink);color:var(--tint)}
.day-hero .button.dark{background:var(--tint-ink);color:var(--tint);border-color:var(--tint-ink)}
.day-hero .button.dark:hover{background:transparent;color:var(--tint-ink)}
.dial{color:var(--ink);background:rgba(255,255,255,.92)}
.day-hero:before{background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%),rgba(255,255,255,.22),transparent 60%)}
.day-hero .arch-tint{opacity:calc(.18 + var(--beat,0) * .2)}

/* Tagesreise */
.journey{--j-bg:#F99D1C}
.journey[data-part="1"]{--j-bg:#7BAB41}
.journey[data-part="2"]{--j-bg:#0086CE;--j-ink:#fff}
.journey[data-part="3"]{--j-bg:#10202c;--j-ink:#fff}
.journey .arch-tint{opacity:.22}
.sky-disc{--disc:#fff3b8}
.journey[data-part="1"] .sky-disc{--disc:#fff3b8}
.journey[data-part="2"] .sky-disc{--disc:#ffffff}
.journey[data-part="3"] .sky-disc{--disc:#e8eeff}

/* Orte: dunkel mit bunten Bögen, auf der Spottune-Seite in Blau */
.places{background:var(--navy);color:#fff}
.places .place-list dt,.places .place-list dd{border-color:rgba(255,255,255,.7)}
.places .place-list dd{color:#e6edf2}
.places .lead,.places .trio>.lead{color:#e6edf2}
.places .button.outline{border-color:#fff;color:#fff}.places .button.outline:hover{background:#fff;color:var(--navy)}
.kit~.places{background:var(--blue)}
.kit~.places .place-list dd{color:#fff}

/* Musik-Seite: Orange wie die Musik-Hälfte, die Bögen setzen sich per Marineblau und Rot ab */
.rfm3-hero{background:var(--orange)}
.arch-stack .a-orange{background:var(--navy)}

/* Spottune-Produkte auf satten Farben, wie die Kacheln der Marke */
.product:nth-child(1) .arch{background:var(--red)}
.product:nth-child(2) .arch{background:var(--orange)}
.product:nth-child(3) .arch{background:var(--blue)}
.product:nth-child(4) .arch{background:var(--green)}

/* Kontakt bleibt in Markengrün; Fehler- und Erfolgsmeldungen bleiben gut lesbar */
.form-success{background:#fff}

/* Tagesuhr: die vier Abschnitte in vollen Markenfarben, der aktive wird nur dicker */
.clock .seg{opacity:1}
.clock .seg:not(.is-on){opacity:.9}