/* Weser Theme – Farbwelten
   ==========================================================================
   Drei Marken unter einem Dach:

     Weserwaben   Grün      #6BE381   (Vorgabe, steht in variables.css)
     Weserpools   Hellblau  #6ED6FF
     DE RYCK      Rot       #A92738

   GESTEUERT WIRD DAS AN DER SEITE, NICHT AM BLOCK.
   Das ACF-Feld „Farbwelt" (Seite bzw. Serie) setzt über weser_body_classes()
   eine Klasse am <body>; hier werden dann genau die Tokens aus dem Abschnitt
   FARBWELT von variables.css überschrieben. Kein Block kennt seine Farbwelt,
   und keine Farbe steht doppelt.

   Eingereiht NACH variables.css und VOR den Block-Dateien.

   ✅ ROT IST ENTSCHIEDEN: #A92738 (Stand 2026-08-21, vom Kunden bestätigt).
   Der Wert stammt aus dem Entwurf – gemessen am Hero-Quadrat der Dion-Seite,
   an den Überschriften und an den Buttons der Wandverblender-Seite. Die
   ältere Markenübersicht nannte #E61937; das ist vom Tisch.

   ⚠️ NICHT ALLES WECHSELT DIE FARBE. Im Entwurf tragen Kopf- und Fußzeile
   sowie „Weiterführende Links" auch auf der roten Seite weiterhin das
   Weserwaben-Grün. Diese drei Bereiche holen sich die Vorgabe deshalb am
   Ende dieser Datei zurück.
   ========================================================================== */


/* ── Weserpools ──────────────────────────────────────────────────────────
   Überschriften bleiben dunkelblau, nur Akzent und Buttons werden hellblau.
   Gemessen an Beckenrandsteine_Terrassenplatten.png:
   Hero-Quadrat #6ED6FF · Überschrift #263864 · helle Fläche #EAECF0.     */
body.scheme-weserpools {
    /* ► Die Markenfarbe steht EINMAL. Alles darunter leitet sich ab. */
    --pool:       #6ED6FF;
    --pool-hover: #45C7FA;

    --color-accent:    var(--pool);
    --color-primary:   var(--pool);
    --color-primary-hover: var(--pool-hover);

    /* Hellblau ist zu hell für weiße Schrift – der Button trägt dunkelblaue. */
    --color-cta:       var(--pool);
    --color-cta-hover: var(--pool-hover);
    --color-cta-text:  var(--color-dark);
    --color-cta-text-accent: var(--color-dark);
    --color-on-accent: var(--color-dark);

    --color-tint:      #EAECF0;
}


/* ── DE RYCK ─────────────────────────────────────────────────────────────
   Hier wechseln auch die Überschriften. Gemessen an Wandverblender.png und
   Dion_Serie.png: Überschrift, Hero-Quadrat und Buttons alle #A92738,
   helle Fläche #FBF4F5.                                                   */
body.scheme-deryck {
    /* ► Die Markenfarbe steht EINMAL. Alles darunter leitet sich ab.
         Der Hover-Ton ist dieselbe Farbe rund 15 % dunkler. */
    --deryck:       #A92738;
    --deryck-hover: #8E1F2E;

    --color-accent:    var(--deryck);
    --color-primary:   var(--deryck);
    --color-primary-hover: var(--deryck-hover);

    --color-heading:   var(--deryck);

    /* Die einzige Stelle, an der DE RYCK nicht rot, sondern SCHWARZ wird.
       Im Entwurf haben die Icon-Umrisse hier schwarze Linien, während sie
       auf Weserwaben und Weserpools dunkelblau sind. Das rote Quadrat im
       Icon kommt weiterhin aus --color-accent. */
    --color-icon-outline: #000000;

    --color-cta:       var(--deryck);
    --color-cta-hover: var(--deryck-hover);
    --color-cta-text:  var(--color-white);
    --color-cta-text-accent: var(--color-white);
    --color-on-accent: var(--color-white);

    --color-tint:      #FBF4F5;

    /* Die Slider-Kästchen tragen auf den DE-RYCK-Seiten das Rot, nicht das
       Weserwaben-Blau – wie die Überschriften. Gilt für jeden Slider der
       Seite (Serien, Inspirationen, Highlights, Zeitstrahl). */
    --color-pagination: var(--deryck);
}


/* ── Ausnahmen: was immer Weserwaben bleibt ──────────────────────────────
   Custom Properties vererben – ein Teilbaum kann die Vorgabe also einfach
   zurücksetzen. Genau das passiert hier, statt in den Blöcken mit
   :not(.scheme-…) zu arbeiten.                                            */
/* #navOffcanvas: Das mobile Menü hängt NICHT in .site-header, sondern
   daneben im Body. Bis 2.9.0 bekam es deshalb die Farbwelt der Seite –
   auf DE RYCK stand „Händlersuche" dunkelblau auf Rot (1,66 : 1). */
body.scheme-weserpools .site-header,
body.scheme-weserpools #navOffcanvas,
body.scheme-weserpools .site-footer,
body.scheme-weserpools .block-related-links,
body.scheme-deryck .site-header,
body.scheme-deryck #navOffcanvas,
body.scheme-deryck .site-footer,
body.scheme-deryck .block-related-links {
    --color-accent:    var(--color-green);
    --color-primary:   var(--color-green);
    --color-primary-hover: #52c76b;
    --color-heading:   var(--color-dark);
    --color-cta:       var(--color-dark);
    --color-cta-hover: var(--color-dark-hover);
    --color-cta-text:  var(--color-white);
    --color-cta-text-accent: var(--color-green);
    --color-on-accent: var(--color-dark);
    --color-tint:      #EAECF0;
    --color-pagination: var(--color-dark);
}