/* Wersja robocza (new2.proop.pl): rytm sekcji jasne–ciemne (AGENTS.md zasada 12; sandbox_rytm.py). Kolory wyłącznie var(--…) z :root site.css.
   Ciemna sekcja w środku strony: ten sam granat z gradientem co hero, E081 i stopka, fale z waves.js (poza ekranem stoją).
   Karty ze zdjęciem, grafiką albo rozwijaną odpowiedzią zostają białe; karty z samym tekstem są „szklane” jak etykiety w hero. */

/* ---------- tło, fale, obramowania ---------- */
.rt-dark:is(.sec, .e031, .e061) { position: relative; isolation: isolate; color: var(--on-dark);
  background: var(--card-dark); background-color: var(--navy-900); border-color: transparent; }
.rt-dark > canvas.waves { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; pointer-events: none; }
.rt-dark > .wrap { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) { .rt-dark > canvas.waves { display: none; } }
.rt-dark :focus-visible { outline-color: var(--orange-2); }

/* ---------- nagłówki sekcji (.sec) ---------- */
.rt-dark.sec .eyebrow { color: var(--cyan); }
.rt-dark .sec__title { color: var(--on-dark); }
.rt-dark .sec__lead { color: var(--on-dark-2); }

/* ---------- współpraca i oś czasu case study (.path): szklane karty, węzły w bieli na niebieskim ---------- */
.rt-dark .path::before { background: linear-gradient(var(--cyan), var(--orange-2)); opacity: .5; }
.rt-dark .path__node { box-shadow: 0 0 0 6px var(--glass-hover); }
.rt-dark .path__card { background: var(--glass); border-color: var(--glass-line); }
.rt-dark .path__card:hover { border-color: var(--cyan); }
.rt-dark .path__h { color: var(--on-dark); }
.rt-dark .path__p { color: var(--on-dark-2); }
.rt-dark .cs-when { color: var(--cyan); }

/* ---------- specjalizacje na stronie głównej: biała karta z grafiką na granacie ---------- */
.rt-dark .svc__card { border-color: transparent; box-shadow: 0 28px 56px -30px var(--shadow-deep); }
.rt-dark .svc__card:has(.svc__link:focus-visible) { outline-color: var(--orange-2); }

/* ---------- „Co dokładnie robimy” (E031): tekst na granacie, lista etapów w białej karcie ---------- */
.e031.rt-dark { --g4-ink: var(--on-dark); --g4-mute: var(--on-dark-2); --g4-kick: var(--cyan); --g4-focus: var(--orange-2);
  --g4-shadow: 0 30px 60px -34px var(--shadow-deep); }
.e031.rt-dark .e031__card { --g4-focus: var(--blue); border-color: transparent; }

/* ---------- pytania (E061): tekst i grafika na granacie, pytania w białych kartach ---------- */
.e061.rt-dark { --g07-kicker: var(--cyan); --g07-claim: var(--on-dark); --g07-body: var(--on-dark-2); --g07-focus: var(--orange-2);
  --g07-shadow-sm: 0 16px 32px -22px var(--shadow-deep); }
.e061.rt-dark .e061__item { border-color: transparent; }
.e061.rt-dark .e061__item > summary:focus-visible { outline-color: var(--blue); outline-offset: -4px; }
.e061.rt-dark .g07-art svg { filter: drop-shadow(0 18px 26px var(--shadow-deep)); }
.e061.rt-dark .a-soft { fill: var(--glass-hover); stroke: var(--glass-line); }
.e061.rt-dark .a-blue { stroke: var(--cyan); }

/* ---------- kafle z liczbami (dowód na podstronie obszaru): szklane ---------- */
.rt-dark .cs-tile { background: var(--glass); border-color: var(--glass-line); }
.rt-dark :is(.cs-tile__v, .cs-tile__l) { color: var(--on-dark); }
.rt-dark .cs-tile__s { color: var(--on-dark-2); }
.rt-dark .obs-notes { color: var(--on-dark-2); }
.rt-dark :is(.obs-link, .sb-link) { color: var(--on-dark); text-decoration-color: var(--line-dark-2); }
.rt-dark :is(.obs-link, .sb-link):hover { text-decoration-color: var(--orange-2); }

/* ---------- punkt wyjścia w case study (dwie kolumny, lista z ptaszkami) ---------- */
.rt-dark .cs-p { color: var(--on-dark-2); }
.rt-dark .cs-list li { color: var(--on-dark); }
.rt-dark .cs-list svg { stroke: var(--orange-2); }