/* ============================================================
   /projects — DARK  ·  02) POZADÍ (gx-bg)
   ------------------------------------------------------------
   Přebarví globální animované pozadí .gx-bg na černé jen na
   této stránce. Plovoucí tvary zůstávají, jen ztlumené, aby
   na černé svítily jako jemný glow, ne jako pestré bloky.
   ============================================================ */

/* --- plocha + mřížka --- */
body.psx-dark .gx-bg {
  background-color: var(--psx-bg);
  background-image:
    linear-gradient(to right,  var(--psx-grid) 1px, transparent 1px),
    linear-gradient(to bottom, var(--psx-grid) 1px, transparent 1px);
}

/* jemná vinětace do rohů – lehčí, ať nepolyká tvary u okrajů */
body.psx-dark .gx-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(45,200,215,0.07), transparent 60%),
    radial-gradient(100% 60% at 50% 120%, rgba(252,124,113,0.09), transparent 60%),
    radial-gradient(150% 130% at 50% 50%, transparent 62%, rgba(0,0,0,0.45) 100%);
}

/* grain jen naznačit, ať na černé neruší */
body.psx-dark .gx-bg::before { opacity: .06; }

/* --- tvary: výplně ---
   barvu vrstvíme přes plný podklad (var(--psx-bg)), aby jimi
   NEPROSVÍTALA mřížka pozadí */
body.psx-dark .gx-c-teal  .gx-shape__inner {
  background: linear-gradient(rgba(45,200,220,0.62), rgba(45,200,220,0.62)), var(--psx-bg);
}
body.psx-dark .gx-c-coral .gx-shape__inner {
  background: linear-gradient(rgba(255,128,116,0.58), rgba(255,128,116,0.58)), var(--psx-bg);
}
body.psx-dark .gx-c-dark  .gx-shape__inner {
  background: linear-gradient(rgba(255,255,255,0.16), rgba(255,255,255,0.16)), var(--psx-bg);   /* tlumená šedá */
}

/* --- tvary: obrysy (výrazné barvy) --- */
body.psx-dark .gx-o-teal  .gx-shape__inner { border-color: rgba( 90,215,230,0.95); }
body.psx-dark .gx-o-coral .gx-shape__inner { border-color: rgba(255,140,128,0.92); }
body.psx-dark .gx-o-dark  .gx-shape__inner { border-color: rgba(255,255,255,0.30); }   /* tlumená šedá */

/* žádné rozmazání – ať jsou tvary ostré a čitelné */
body.psx-dark .gx-shape__inner { filter: none; }