/* ==========================================================================
   BUBU-RIG.CSS — Reużywalne style SVG dla postaci Bubu 2.5D
   Korzysta ze zmiennych z globals.css. Zero stylów inline.
   ========================================================================== */

.bubu-rig-root {
  --skin-main: #56D9C6;
  --skin-highlight: #80ECE0;
  --cel-shadow: #38B8A6;
  --skin-back: #3EC2B0;
  --skin-highlight-back: #5FD4C4;
  --cel-shadow-back: #289E8E;

  --garment-main: #3B7A57;
  --garment-dark: #28573D;
  --garment-light: #6BA383;
  --garment-trim: #E8A825;
}

.bubu-rig-root .is-hidden {
  display: none;
}

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

.bubu-rig-root .svg-skin { fill: var(--skin-main); transition: fill 0.4s ease; }
.bubu-rig-root .svg-skin-light { fill: var(--skin-highlight); transition: fill 0.4s ease; }
.bubu-rig-root .svg-cel-shadow { fill: var(--cel-shadow); transition: fill 0.4s ease; }
.bubu-rig-root .svg-ink-fill { fill: var(--ink-dark); }
.bubu-rig-root .svg-white-fill { fill: #FAF6EE; }
.bubu-rig-root .svg-ground-shadow { fill: rgba(30, 36, 43, 0.22); }

.bubu-rig-root .svg-limb-shadow-base { fill: var(--cel-shadow); transition: fill 0.4s ease; }
.bubu-rig-root .svg-limb-skin { fill: var(--skin-main); transition: fill 0.4s ease; }
.bubu-rig-root .svg-limb-light { fill: var(--skin-highlight); transition: fill 0.4s ease; }

.bubu-rig-root .limb-layer[data-depth-tier="back"] .svg-limb-shadow-base { fill: var(--cel-shadow-back); }
.bubu-rig-root .limb-layer[data-depth-tier="back"] .svg-limb-skin { fill: var(--skin-back); }
.bubu-rig-root .limb-layer[data-depth-tier="back"] .svg-limb-light { fill: var(--skin-highlight-back); }

.bubu-rig-root .svg-outline {
  stroke: var(--ink-dark);
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-outline-thin {
  stroke: var(--ink-dark);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .silhouette-stroke {
  fill: none;
  stroke: var(--ink-dark);
  stroke-width: 5.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .silhouette-fill {
  stroke: none;
}

.bubu-rig-root .svg-garment-main {
  fill: var(--garment-main);
  stroke: var(--ink-dark);
  stroke-width: 2.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-garment-dark {
  fill: var(--garment-dark);
  stroke: var(--ink-dark);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-garment-trim {
  fill: var(--garment-trim);
  stroke: var(--ink-dark);
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-gold-metal {
  fill: #E8A825;
  stroke: var(--ink-dark);
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-copper-metal,
.bubu-rig-root .svg-bracelet-band {
  fill: #D4843E;
  stroke: var(--ink-dark);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-sandal-sole {
  fill: #6D4C3D;
  stroke: var(--ink-dark);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-sandal-strap {
  fill: none;
  stroke: #6D4C3D;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-sandal-strap-outline {
  fill: none;
  stroke: var(--ink-dark);
  stroke-width: 5.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-torques-arc {
  fill: none;
  stroke: #E8A825;
  stroke-width: 5.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-torques-arc-outline {
  fill: none;
  stroke: var(--ink-dark);
  stroke-width: 9.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-eyelid {
  fill: var(--skin-main);
  stroke: var(--ink-dark);
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-happy-eye {
  fill: none;
  stroke: var(--ink-dark);
  stroke-width: 3.3;
  stroke-linecap: round;
}

.bubu-rig-root .svg-sound-wave {
  fill: none;
  stroke: #E8A825;
  stroke-width: 3;
  stroke-linecap: round;
}

.bubu-rig-root .svg-hat-main {
  fill: #C69C6D;
  stroke: var(--ink-dark);
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-hat-band {
  fill: var(--garment-main);
  stroke: var(--ink-dark);
  stroke-width: 2.2;
}

.bubu-rig-root .svg-wreath-leaf {
  fill: #3B7A57;
  stroke: var(--ink-dark);
  stroke-width: 2.2;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-wreath-berry {
  fill: #E8A825;
  stroke: var(--ink-dark);
  stroke-width: 1.8;
}

.bubu-rig-root .svg-goggle-frame {
  fill: none;
  stroke: #39424E;
  stroke-width: 3.2;
  stroke-linecap: round;
}

.bubu-rig-root .svg-goggle-lens {
  fill: rgba(168, 218, 220, 0.35);
  stroke: #E8A825;
  stroke-width: 2.2;
}

.bubu-rig-root .svg-goggle-strap {
  fill: none;
  stroke: #39424E;
  stroke-width: 4.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-prop-wood {
  fill: #8D5B4C;
  stroke: var(--ink-dark);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-prop-parchment {
  fill: #F1EAE0;
  stroke: var(--ink-dark);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-prop-lens {
  fill: rgba(168, 218, 220, 0.55);
  stroke: #1E242B;
  stroke-width: 2.4;
}

.bubu-rig-root .svg-fx-star {
  fill: #FFD166;
  stroke: var(--ink-dark);
  stroke-width: 2.2;
  stroke-linejoin: round;
}

.bubu-rig-root .svg-fx-dust {
  fill: #FAF6EE;
  stroke: var(--ink-dark);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}