/* ==========================================================================
   BUBU-ENV-BLOCKS.CSS — Reużywalne klocki środowiska EDU BUBU
   Styl spójny z kanonem Bubu 2.5D: 3-warstwowy cel-shading (światło z prawej-góry),
   zaokrąglone kontury (round cap/join) oraz hierarchia grubości linii wg głębi.
   ========================================================================== */

.bubu-env-scene {
  /* Warstwa 4: Najdalsze tło (Niebo i Chmury) */
  --env-sky-top: #9AD3EE;
  --env-sky-mid: #C5E8F7;
  --env-sky-horizon: #EAF6F3;
  --env-sun-core: #FFD166;
  --env-sun-ring: #FFE699;

  --env-cloud-light: #FFFFFF;
  --env-cloud-main: #FAF6EE;
  --env-cloud-shadow: #D9E8F0;
  --env-cloud-stroke: #85A7BC;

  /* Warstwa 3: Dalsze tło (Wzgórza i Odległe połacie lasu) */
  --env-hill-far-light: #A5D1BE;
  --env-hill-far-main: #8ABEA8;
  --env-hill-far-shadow: #6FA590;
  --env-hill-far-stroke: #568574;

  --env-forest-light: #7CB393;
  --env-forest-main: #609B7A;
  --env-forest-shadow: #488062;
  --env-forest-stroke: #3A6650;

  /* Warstwa 2: Najbliższe tło (Drzewa i Krzewy) */
  --env-foliage-light: #78BA86;
  --env-foliage-main: #4C9463;
  --env-foliage-shadow: #336E48;

  --env-pine-light: #5EA67D;
  --env-pine-main: #3B7A57;
  --env-pine-shadow: #28573D;

  --env-trunk-light: #A87654;
  --env-trunk-main: #85583A;
  --env-trunk-shadow: #613E27;

  --env-birch-light: #FAF6EE;
  --env-birch-main: #E6DEC8;
  --env-birch-shadow: #C7BCA2;

  --env-berry-main: #E06D3B;
  --env-berry-light: #F39A72;

  /* Warstwa 1: Powierzchnia (Ziemia i Trawa) */
  --env-grass-light: #96CE6B;
  --env-grass-main: #6FB34C;
  --env-grass-shadow: #4E8C34;

  --env-path-light: #EAD7B7;
  --env-path-main: #D6BC93;
  --env-path-shadow: #B89B6E;

  --env-soil-light: #B37B52;
  --env-soil-main: #8C5B39;
  --env-soil-shadow: #694025;

  --env-rock-light: #C4C9CE;
  --env-rock-main: #9AA3AC;
  --env-rock-shadow: #747D87;

  --env-flower-petal: #FFD166;
  --env-flower-center: #E06D3B;
}

/* Warianty nastroju / pory dnia */
.bubu-env-scene[data-env-mood="golden"] {
  --env-sky-top: #F2B880;
  --env-sky-mid: #FAD6A5;
  --env-sky-horizon: #FFF0D4;
  --env-sun-core: #FF9F43;
  --env-sun-ring: #FFD166;

  --env-cloud-light: #FFFDF7;
  --env-cloud-main: #FBEAD2;
  --env-cloud-shadow: #E6C7A8;
  --env-cloud-stroke: #B58E6D;

  --env-hill-far-light: #C2C8A5;
  --env-hill-far-main: #9FB28D;
  --env-hill-far-shadow: #7D9473;
  --env-hill-far-stroke: #61755A;

  --env-forest-light: #8DB580;
  --env-forest-main: #6B9866;
  --env-forest-shadow: #4E784D;
  --env-forest-stroke: #3C5E3C;
}

.bubu-env-scene[data-env-mood="overcast"] {
  --env-sky-top: #B8C9D6;
  --env-sky-mid: #D3DFE8;
  --env-sky-horizon: #EBF0F2;
  --env-sun-core: #FAF6EE;
  --env-sun-ring: #E6ECF0;

  --env-cloud-light: #F7FAFC;
  --env-cloud-main: #E6EEF2;
  --env-cloud-shadow: #C7D5DE;
  --env-cloud-stroke: #7F93A1;

  --env-hill-far-light: #A2BEB5;
  --env-hill-far-main: #86A69D;
  --env-hill-far-shadow: #6A8B82;
  --env-hill-far-stroke: #506B64;

  --env-forest-light: #769E88;
  --env-forest-main: #5A826C;
  --env-forest-shadow: #426653;
  --env-forest-stroke: #335041;
}

.env-is-hidden {
  display: none;
}

.bubu-env-scene path,
.bubu-env-scene circle,
.bubu-env-scene ellipse,
.bubu-env-scene rect {
  vector-effect: non-scaling-stroke;
}

/* ==========================================================================
   WARSTWA 4: NIEBO I CHMURY
   ========================================================================== */

.env-sky-band-top { fill: var(--env-sky-top); transition: fill 0.35s ease; }
.env-sky-band-mid { fill: var(--env-sky-mid); transition: fill 0.35s ease; }
.env-sky-band-horizon { fill: var(--env-sky-horizon); transition: fill 0.35s ease; }
.env-sun-ring { fill: var(--env-sun-ring); opacity: 0.55; transition: fill 0.35s ease; }
.env-sun-core { fill: var(--env-sun-core); transition: fill 0.35s ease; }

.env-cloud-base { fill: var(--env-cloud-shadow); transition: fill 0.35s ease; }
.env-cloud-main { fill: var(--env-cloud-main); transition: fill 0.35s ease; }
.env-cloud-light { fill: var(--env-cloud-light); transition: fill 0.35s ease; }
.env-cloud-outline {
  fill: none;
  stroke: var(--env-cloud-stroke);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.35s ease;
}

/* ==========================================================================
   WARSTWA 3: ODLEGŁE WZGÓRZA I POŁACIE LASU
   ========================================================================== */

.env-hill-shadow { fill: var(--env-hill-far-shadow); transition: fill 0.35s ease; }
.env-hill-main { fill: var(--env-hill-far-main); transition: fill 0.35s ease; }
.env-hill-light { fill: var(--env-hill-far-light); transition: fill 0.35s ease; }
.env-hill-outline {
  fill: none;
  stroke: var(--env-hill-far-stroke);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.env-forest-shadow { fill: var(--env-forest-shadow); transition: fill 0.35s ease; }
.env-forest-main { fill: var(--env-forest-main); transition: fill 0.35s ease; }
.env-forest-light { fill: var(--env-forest-light); transition: fill 0.35s ease; }
.env-forest-outline {
  fill: none;
  stroke: var(--env-forest-stroke);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ==========================================================================
   WARSTWA 2: NAJBLIŻSZE TŁO (DRZEWA I KRZEWY)
   ========================================================================== */

.env-near-outline {
  fill: none;
  stroke: var(--ink-dark);
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.env-near-detail-stroke {
  fill: none;
  stroke: var(--ink-dark);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.72;
}

.env-trunk-shadow { fill: var(--env-trunk-shadow); }
.env-trunk-main { fill: var(--env-trunk-main); }
.env-trunk-light { fill: var(--env-trunk-light); }

.env-birch-shadow { fill: var(--env-birch-shadow); }
.env-birch-main { fill: var(--env-birch-main); }
.env-birch-light { fill: var(--env-birch-light); }
.env-birch-mark { fill: var(--ink-dark); opacity: 0.75; }

.env-foliage-shadow { fill: var(--env-foliage-shadow); }
.env-foliage-main { fill: var(--env-foliage-main); }
.env-foliage-light { fill: var(--env-foliage-light); }

.env-pine-shadow { fill: var(--env-pine-shadow); }
.env-pine-main { fill: var(--env-pine-main); }
.env-pine-light { fill: var(--env-pine-light); }

.env-berry-main {
  fill: var(--env-berry-main);
  stroke: var(--ink-dark);
  stroke-width: 1.8;
}
.env-berry-light { fill: var(--env-berry-light); }

/* ==========================================================================
   WARSTWA 1: POWIERZCHNIA (ZIEMIA, ŚCIEŻKA, DETALE NAZIEMNE)
   ========================================================================== */

.env-ground-outline {
  fill: none;
  stroke: var(--ink-dark);
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.env-ground-substroke {
  fill: none;
  stroke: var(--ink-dark);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.env-soil-shadow { fill: var(--env-soil-shadow); }
.env-soil-main { fill: var(--env-soil-main); }
.env-soil-light { fill: var(--env-soil-light); }

.env-grass-shadow { fill: var(--env-grass-shadow); }
.env-grass-main { fill: var(--env-grass-main); }
.env-grass-light { fill: var(--env-grass-light); }

.env-path-shadow { fill: var(--env-path-shadow); }
.env-path-main { fill: var(--env-path-main); }
.env-path-light { fill: var(--env-path-light); }

.env-rock-shadow { fill: var(--env-rock-shadow); }
.env-rock-main { fill: var(--env-rock-main); }
.env-rock-light { fill: var(--env-rock-light); }

.env-flower-petal {
  fill: var(--env-flower-petal);
  stroke: var(--ink-dark);
  stroke-width: 1.8;
  stroke-linejoin: round;
}
.env-flower-center {
  fill: var(--env-flower-center);
  stroke: var(--ink-dark);
  stroke-width: 1.5;
}