/* ---------------------------------------------------------
   Ocean — aktives Produktiv-Theme
   Basis: theme-base.css — andere Farben + gespiegeltes Hero-Layout
--------------------------------------------------------- */
@import url("/theme-base.css");

:root {
    --accent-a: #3b82f6;
    --accent-b: #a855f7;
    --accent-a-rgb: 59,130,246;
    --accent-b-rgb: 168,85,247;
}

/* gespiegelter Hero: Visual links, Text rechts */
.hero-inner.hero-split.mirrored {
    grid-template-columns: 0.9fr 1.1fr;
}

.hero-inner.hero-split.mirrored .hero-visual { order: -1; }

@media (max-width: 860px) {
    .hero-inner.hero-split.mirrored .hero-visual { order: 0; }
}

.hero-glow {
    right: auto;
    left: -15%;
    top: -25%;
}