/* ============================================================
   sections.css — Sektions-System hoofolution.app
   Rezept 1:1 aus der .com (site/assets/css/sections.css + home.css),
   auf die Inversionsschicht gedreht (Inhaber-Go 02.07., D1):
   KEINE Creme-Sektionen — der Rhythmus entsteht aus Grundton,
   Welt-Toenungen, Glow-Wanderung und Stage-Tiefe.
   D2: Der warme Eck-Glow bleibt (Atmosphaere — er zaehlt nicht
   als Orange-Stelle; das Budget traegt die Wortmarke).
   Laedt NACH base.css, VOR landing.css.
   ============================================================ */

.sektion{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:112px 0 96px;
  color:var(--ink-body);                 /* gedaempfter Grundwert; Ueberschriften setzen --ink-strong */
  background:var(--ground);
}
.sektion > .container{ position:relative; z-index:1; }

/* feines Linienraster — exakt wie .com .hero::after (auf ALLEN Sektionen) */
.sektion::after{
  content:""; position:absolute; inset:-10%; z-index:0; pointer-events:none;
  background:
    repeating-linear-gradient(0deg,  rgba(255,255,255,0.016) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.010) 0 1px, transparent 1px 28px);
  opacity:.12; mix-blend-mode:soft-light;
}

/* Eck-Glow in Content-Staerke (0.24/0.06 — wie .com .app/.book) + dunkle Diagonale.
   Die Glow-Ecke wandert im Uhrzeigersinn ueber die Seite: TL → BR → BL → TR
   (Rotations-Konvention der .com-Unterseiten). Hero-Staerke (0.32) liegt in landing.css. */
.sektion.glow-tl,
.sektion.glow-tr,
.sektion.glow-bl,
.sektion.glow-br{
  background:
    radial-gradient(circle at var(--glow-x) var(--glow-y),
      rgba(227,130,50,0.24), rgba(227,130,50,0.06) 14%, rgba(227,130,50,0.00) 24%),
    linear-gradient(135deg, #1a3050 0%, #13283F 30%, #0f1f30 100%);
}
.sektion.glow-tl{ --glow-x:2%;  --glow-y:3%;  }
.sektion.glow-tr{ --glow-x:98%; --glow-y:3%;  }
.sektion.glow-bl{ --glow-x:2%;  --glow-y:97%; }
.sektion.glow-br{ --glow-x:98%; --glow-y:97%; }

/* Welt-Toenungen (Spiegel der App-Raeume) — flacher Ton, Raster bleibt */
.sektion--warm{  background:var(--welt-warm); }
.sektion--kuehl{ background:var(--welt-kuehl); }