/* =============================================================
   Nawigator 360 — landing page (widgety Elementora)
   Arkusz 4/4 (opcjonalny): trzecia wersja kolorystyczna — ŁUPKOWA

   PALETA: wersja ŁUPKOWA (na podstawie przesłanego zrzutu palety)
     Navy    #2C4258  najciemniejszy — tekst, cienie, ramka telefonu
     Slate   #4F7C90  kolor wiodący (przyciski, obrysy, akcenty)
     Powder  #C7D9E5  jasny akcent (przycisk „Zadzwoń”, 3. krok diagramu)
     Sand    #F7F6F5  ciepłe tło
     White   #FBFBFB  jasne tło / tafle szkła

   Działa dokładnie tak samo jak n360-theme-ocean.css: nadpisuje tylko
   zmienne CSS z .n360{...}, nie dotyka żadnej reguły w pozostałych
   arkuszach. Klasa n360-slate ląduje na Kontenerze/Sekcji Elementora
   OTACZAJĄCEJ treść strony — .n360 (owinięcie każdego widgetu) jest wtedy
   jej potomkiem, nie tym samym elementem, stąd selektor niżej łapie oba
   warianty.

   JAK WŁĄCZYĆ: w Elementorze zaznacz najbardziej zewnętrzny kontener/sekcję
   obejmującą całą treść strony (albo dodaj tę samą klasę do każdej sekcji
   z osobna) i w zakładce Zaawansowane → Klasy CSS wpisz: n360-slate
   Bez tej klasy strona renderuje się w domyślnej palecie świerkowej — ten
   plik jest w pełni nieszkodliwy, dopóki klasa nie jest użyta. Może
   współistnieć na stronie z n360-ocean — to dwie niezależne, osobne klasy;
   używaj jednej na stronę.
   ============================================================= */

.n360-slate.n360,
.n360-slate .n360{
  --color-bg: #f7f6f5;
  --color-bg-alt: #fbfbfb;
  --color-surface: #ffffff;
  --color-primary: #4f7c90;
  --color-primary-dark: #2c4258;
  --color-accent: #c7d9e5;
  --color-navy: #2c4258;
  --color-slate: #8fb0bd;
  --color-text: #2c4258;
  --color-text-dim: #5c7686;

  --color-primary-rgb: 79,124,144;
  --color-accent-rgb: 199,217,229;
  --color-slate-rgb: 143,176,189;
  --color-navy-rgb: 44,66,88;
  --color-bg-alt-rgb: 251,251,251;
  --color-surface-rgb: 255,255,255;
  --color-glass-rgb: 216,229,234;
  --color-accent-text: #2c4258;
  --color-step1: #6e97a8;
  --color-step4: #375871;
}