/* =========================================================
   01 – Zmienne Safestar
   Kolory 1–9 biorą wartość z palety globalnej Kadence
   (Customizer → Kolory), więc zmiana w palecie działa też
   w regułach ss-…. Wartość po przecinku to zapas.
   ========================================================= */
:root {
  /* Paleta Kadence */
  --ss-accent:        var(--global-palette1, #5B3FF0);
  --ss-accent-dark:   var(--global-palette2, #3B2AA8);
  --ss-navy:          var(--global-palette3, #0E1633);
  --ss-text-strong:   var(--global-palette4, #3E4566);
  --ss-text:          var(--global-palette5, #4A5070);
  --ss-line:          var(--global-palette6, #E1E4EE);
  --ss-gray:          var(--global-palette8, #F3F4F8);
  --ss-white:         var(--global-palette9, #FFFFFF);

  /* Kolory dodatkowe (poza paletą) */
  --ss-lavender:      #ECEAFE;  /* kafelki pod ikonami */
  --ss-dark-card:     #1A2348;  /* karty na ciemnym tle */
  --ss-dark-hover:    #263063;  /* hover kart na ciemnym tle */
  --ss-on-dark-text:  #C3C8DD;
  --ss-on-dark-accent:#A99BFF;
  --ss-muted:         #A3AACB;
  --ss-amber:         #F5A524;  /* tylko drobne akcenty */

  /* Formularze */
  --ss-field-border:  #C9CEDD;  /* ramka pól (ciemniejsza od linii, czytelna na bieli) */
  --ss-placeholder:   #8A90A8;
  --ss-error:         #B42318;
  --ss-focus-ring:    rgba(91, 63, 240, .2); /* #5B3FF0 z przezroczystością */

  /* Kształt i ruch */
  --ss-radius:        14px;     /* karty */
  --ss-radius-sm:     12px;     /* FAQ, kafelki ze strzałką */
  --ss-radius-xs:     10px;     /* elementy w panelach i schematach */
  --ss-ease:          .18s ease;

  /* Strzałka → (maska, kolor nadaje background-color) */
  --ss-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E");
}