/* ============================================================
   zk-design — Autocontrast-Layer.
   Begleitet contrast.php: die Engine berechnet je Section aus dem
   gewaehlten Hintergrund lesbare Vordergrundfarben und schreibt sie
   als --section-* Variablen INLINE auf das Section-Element:

     --section-bg         gewaehlter Hintergrund
     --section-text       lesbarer Haupttext (#fff oder #1a1a1a)
     --section-muted      abgeschwaechter Text (Border/Subtext)
     --section-accent     Marken-Akzent, WCAG >= 4.5:1 zum Hintergrund
                          (oder hell/dunkle Variante / Fallback)
     --section-on-accent  Text AUF dem Akzent
     --section-accent-bg  Akzent 15% (Label-/Badge-Hintergrund)

   components.css liest diese mit Fallback auf die Basis-Tokens:
   z.B.  color: var(--section-text, var(--ink));
   -> Ohne Section greift der normale Token, mit Section der berechnete.
   Diese Datei NACH components.css laden ist nicht noetig — die Fallback-
   Ketten stehen schon in components.css. Hier nur Section-Helfer.
   ============================================================ */

/* Bequemer Section-Wrapper: setzt Padding + Positionskontext und laesst
   generischen Text/Links den Section-Kontrast erben.
   Anwendung:  <section class="ds-section" style="<?= Ds\Contrast::sectionStyles($bg) ?>"> */
.ds .ds-section {
  position: relative;
  padding: 56px 20px;
  color: var(--section-text, var(--ink));
}
.ds .ds-section a:not(.btn) {
  color: var(--section-accent, var(--accent-ink));
}
.ds .ds-section hr,
.ds .ds-section .divider {
  background: var(--section-muted, var(--line));
  opacity: .35;
}