/* LAB akcenty marki strony głównej aslandi.pl: gałązki z liśćmi rosnące w dół razem z przewijaniem (30.09.2026), opis
   w akcenty.js. Kolory tylko z marki: złoto #ceb472 (łodyga #cdb06a, kreska liścia), jasne złoto #dcc78f na ciemnej
   zieleni, szałwia (plamka liścia), energia: zieleń prądu z hero #27b863 / #4fe87f z poświatą.
   Sekcja z ozdobami (klasa ak-sekcja, nadawana przez skrypt) tworzy własny kontekst warstw, a warstwa leży w niej za
   treścią (z-index −1), nie przyjmuje kliknięć i nie wystaje poza sekcję. */
.ak-sekcja { position: relative; isolation: isolate; }
.ak-warstwa { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.ak-warstwa svg { position: absolute; display: block; overflow: hidden; }

.ak-galaz path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ak-warstwa--jasny .ak-lodyga { stroke: #cdb06a; }
.ak-warstwa--ciemny .ak-lodyga { stroke: rgba(220, 199, 143, 0.58); }
.ak-galaz .ak-plamka { stroke: none; }
.ak-warstwa--jasny .ak-plamka { fill: #e2e9da; }
.ak-warstwa--ciemny .ak-plamka { fill: rgba(31, 87, 61, 0.6); }
.ak-warstwa--jasny .ak-obrys, .ak-warstwa--jasny .ak-glowna { stroke: #ceb472; }
.ak-warstwa--jasny .ak-boczna { stroke: #d6c291; }
.ak-warstwa--ciemny .ak-obrys, .ak-warstwa--ciemny .ak-glowna { stroke: rgba(220, 199, 143, 0.66); }
.ak-warstwa--ciemny .ak-boczna { stroke: rgba(220, 199, 143, 0.38); }
.ak-galaz .ak-obrys { stroke-width: 1; }
.ak-galaz .ak-glowna { stroke-width: 0.9; }
.ak-galaz .ak-boczna { stroke-width: 0.6; }

/* energia: błysk w żyłce otwierającego się liścia i iskra na czubku rosnącej gałązki */
.ak-galaz .ak-blysk { stroke: #27b863; stroke-width: 1.3; opacity: 0; }
.ak-warstwa--ciemny .ak-blysk { stroke: #4fe87f; }
.ak-iskra { fill: #27b863; opacity: 0; }
.ak-iskra-poswiata { fill: rgba(79, 232, 127, 0.22); opacity: 0; }
.ak-warstwa--ciemny .ak-iskra { fill: #4fe87f; }

@media (prefers-reduced-motion: reduce) {
  .ak-iskra, .ak-iskra-poswiata, .ak-galaz .ak-blysk { display: none; }
}

/* energia tylko w ruchu: gdy przewijanie stanie, iskra i błysk gasną, a gałązka zostaje złota (klasa ak-cisza, skrypt);
   gaśnięcie ease-out, powrót od razu z pierwszym ruchem */
.ak-cisza .ak-iskra, .ak-cisza .ak-iskra-poswiata, .ak-cisza .ak-blysk { opacity: 0 !important; transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

/* pierwsza warstwa sekcji wchodzi miękko zamiast wyskoczyć; przy przebudowie podmiana bez wejścia (bez mrugnięcia) */
@media (prefers-reduced-motion: no-preference) {
  .ak-warstwa--wejscie { animation: ak-wejscie 0.4s cubic-bezier(0.23, 1, 0.32, 1) both; }
  @keyframes ak-wejscie { from { opacity: 0; } }
}

/* tryb wysokiego kontrastu i druk: bez ozdób */
@media (forced-colors: active), print {
  .ak-warstwa { display: none; }
}