/* ==========================================================================
   ŚWIAT HAIR — ciepły piasek i karmel
   Wyłącznie /fryzjer. Strzyżenie i koloryzacja, zabiegi regeneracyjne,
   trychologia. Wydzielony z Beauty w 0.13.

   Paleta to wariant B z podglądu palet zatwierdzonego 3.10.2026: Beauty
   zostaje w różu, który klientka już zna, a Hair dostaje karmel — czyta
   się jak kolor włosów i nie wprowadza do marki żadnego odcienia spoza
   rodziny ciepłej. Złoto i pruski granat zostają wspólne ze wszystkimi.

   Ten plik niesie tylko paletę. Konstrukcja strony jest wspólna z Beauty
   i siedzi w base.css, sekcja 11.
   ========================================================================== */

.world-hair {
  --bg:            var(--piasek-1);
  --bg-alt:        var(--piasek-2);
  --bg-karta:      #ffffff;

  --naglowek:      var(--pruski);
  --tresc:         var(--tekst);
  --przygaszony:   var(--tekst-3);
  --eyebrow:       var(--karmel);

  /* Złoto szałwiowe zamiast podstawowego — cieplejsze, lepiej siada
     na piasku i ma odrobinę wyższy kontrast na białych kartach. */
  --akcent:        var(--zloto-spa);
  --akcent-jasny:  var(--zloto-spa-jasne);
  --akcent-grad:   linear-gradient(100deg, var(--zloto-spa-jasne), var(--zloto-spa));
  --akcent-tekst:  #ffffff;

  --kreska:        var(--piasek-linia);
  --kreska-mocna:  var(--piasek-linia-2);

  --stopka-bg:     var(--pruski);
  --stopka-tekst:  var(--turkus-9);

  /* Pasek światów w ciemnym karmelu — ta sama logika co bordo w Beauty:
     trzyma temperaturę świata. Złoto na nim 5,5:1, tekst 5,6:1. */
  --pasek-bg:      var(--karmel-ciemny);
  --pasek-tekst:   var(--karmel-przygaszony);
  --pasek-akcent:  var(--zloto-swiatlo);

  --header-bg:     var(--piasek-1);
  --header-kreska: var(--piasek-linia);
  --header-tekst:  var(--pruski);

  /* Tokeny komponentów strony z dziedzinami — base.css, sekcja 11 */
  --swiat-akcent:  var(--karmel-akcent);
  --swiat-ciemny:  var(--karmel);
  --swiat-mgla:    var(--karmel-tekst);
  --swiat-slot-1:  var(--piasek-6);
  --swiat-slot-2:  var(--piasek-7);
}

/* Hero — piasek przechodzący w jaśniejszy krem, tak jak kafel Hair
   na stronie głównej. */
.world-hair .mj-hero-sekcja {
  background: linear-gradient(155deg, var(--piasek-4) 0%, var(--piasek-2) 55%, var(--piasek-3) 100%);
}

/* Pas z sekcjami dziedzin */
.world-hair .mj-pas-dziedziny {
  background: linear-gradient(150deg, var(--piasek-3), var(--piasek-4));
}