/* =============================================================
   Nawigator 360 — landing page (widgety Elementora)
   Arkusz 3/3 (opcjonalny): druga wersja kolorystyczna — OCEANICZNA

   PALETA: wersja OCEANICZNA
     Ink    #014153  najciemniejszy — tekst, cienie, ramka telefonu
     Teal   #52A7BF  kolor wiodący (przyciski, obrysy, akcenty)
     Sky    #8AD3E8  jasny akcent (przycisk „Zadzwoń”, 3. krok diagramu)
     Sand   #F4EFEB  ciepłe tło
     White  #F8F8F6  jasne tło / tafle szkła

   Ten plik NIE dotyka żadnej reguły CSS z n360-core.css / n360-sections.css —
   nadpisuje tylko zmienne (custom properties) zdefiniowane w .n360{...},
   więc cała reszta arkuszy automatycznie przeliczy się na nowe kolory.

   JAK WŁĄCZYĆ na wybranej stronie: 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-ocean
   Bez tej klasy strona nadal renderuje się w domyślnej palecie świerkowej —
   ten plik jest w pełni nieszkodliwy, dopóki klasa nie jest użyta.

   UWAGA na selektor niżej: klasa n360-ocean ląduje na Kontenerze/Sekcji
   Elementora, czyli elemencie NADRZĘDNYM wobec .n360 — każdy widget sam
   owija swoją treść we własny <div class="n360"> w środku. Dlatego selektor
   musi też złapać wariant „.n360-ocean jest przodkiem .n360”, nie tylko
   „na tym samym elemencie” (ten drugi wariant zostaje na wszelki wypadek,
   gdyby klasa kiedyś trafiła bezpośrednio na sam .n360). */

.n360-ocean.n360,
.n360-ocean .n360{
  --color-bg: #f4efeb;
  --color-bg-alt: #f8f8f6;
  --color-surface: #ffffff;
  --color-primary: #52a7bf;
  --color-primary-dark: #014153;
  --color-accent: #8ad3e8;
  --color-navy: #014153;
  --color-slate: #9dbdc7;
  --color-text: #014153;
  --color-text-dim: #4d6b76;

  --color-primary-rgb: 82,167,191;
  --color-accent-rgb: 138,211,232;
  --color-slate-rgb: 157,189,199;
  --color-navy-rgb: 1,65,83;
  --color-bg-alt-rgb: 248,248,246;
  --color-surface-rgb: 255,255,255;
  --color-glass-rgb: 200,225,232;
  --color-accent-text: #014153;
  --color-step1: #6f9aa8;
  --color-step4: #2d6577;
}