/* Gemeinsam stark (Soli – Haltung & Werte) — Rosa + dezenter Regenbogen.
   Theme-spezifisch; Basis: lp-base.css. Sticky nutzt den Regenbogen-Verlauf. */
:root {
    --color-accent: #f2589b;
    --color-accent-soft: #ff8cc0;
    --color-accent-dim: rgba(242, 88, 155, 0.14);
    --color-accent-line: rgba(242, 88, 155, 0.30);
    --rainbow: linear-gradient(90deg, #ff5f6d 0%, #ffae42 22%, #ffe14d 40%, #4fcf88 58%, #4c9dff 78%, #a855f7 100%);
    --sticky-bg: var(--rainbow);
    --sticky-color: #2a0a1c;
}
.hero-bg {
    background-image:
        radial-gradient(55% 70% at 70% 26%, rgba(255, 95, 109, 0.10), transparent 60%),
        radial-gradient(55% 70% at 80% 50%, rgba(255, 200, 70, 0.08), transparent 60%),
        radial-gradient(55% 75% at 86% 72%, rgba(79, 207, 136, 0.09), transparent 60%),
        radial-gradient(65% 85% at 94% 92%, rgba(168, 85, 247, 0.13), transparent 62%),
        linear-gradient(150deg, #0a0b0d 0%, #120a12 60%, #0c0a16 100%) !important;
    background-position: center !important;
    filter: none !important;
}
.hero-bg::after {
    background: linear-gradient(100deg, rgba(8, 7, 10, 0.85) 12%, rgba(8, 7, 10, 0.5) 55%, rgba(8, 7, 10, 0.2) 100%) !important;
}

/* dezente Regenbogen-Linie als Signatur im Hero */
.rainbow-rule {
    height: 3px;
    width: 124px;
    border-radius: 2px;
    background: var(--rainbow);
    margin: 0 0 28px;
    opacity: 0;
    animation: heroFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.1s;
}