/**
 * Фон Genesis: тёмная — затмение, светлая — туманность
 * Оверлей приглушает детали фона, стекло остаётся читаемым
 */

html {
  --gw-brightness-pct: 1;
}

body {
  --gw-bg-image: url('../img/bg-genesis-dark.png');
  --gw-bg-overlay:
    radial-gradient(ellipse 100% 80% at 50% 50%, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.55) 100%),
    linear-gradient(180deg, rgba(2, 4, 10, 0.35) 0%, rgba(2, 4, 10, 0.5) 100%);
  background-color: #030508;
  background-image: var(--gw-bg-image);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  filter: brightness(var(--gw-brightness-pct));
  transition: filter 0.18s ease;
}

html[data-theme="light"] body {
  --gw-bg-image: url('../img/bg-genesis-light.png');
  --gw-bg-overlay:
    radial-gradient(ellipse 95% 70% at 50% 45%, rgba(255, 255, 255, 0.35) 0%, rgba(248, 252, 255, 0.62) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0%, rgba(232, 242, 252, 0.55) 100%);
  background-color: #eef4fb;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--gw-bg-overlay);
  transition: background 0.5s ease, filter 0.18s ease;
}

.gw-brightness-dim {
  display: none;
}