/* LogSystem — tokeny projektowe (paleta z projektu graficznego) */
:root{
  /* Kolory bazowe */
  --ls-navy:#111827;         /* najciemniejszy: panel hero, sekcje kontaktowe, stopka */
  --ls-navy-800:#1F2937;     /* jaśniejszy: pasek wyróżników, panele na ciemnym */
  --ls-navy-700:#2C3A4C;
  --ls-navy-600:#202D3B;     /* nakładka na zdjęciach (karty „Więcej niż dostawca") */
  --ls-orange:#E45730;       /* akcent */
  --ls-orange-600:#CB4924;   /* hover akcentu */
  --ls-white:#FFFFFF;
  --ls-bg:#F9F9FA;           /* jasne tło sekcji */
  --ls-bg-2:#F1F2F4;

  /* Tekst */
  --ls-ink:#1B2331;          /* główny tekst na jasnym */
  --ls-muted:#5B6472;        /* opisy */
  --ls-muted-2:#8A929E;
  --ls-on-navy:#FFFFFF;
  --ls-on-navy-muted:#AEB6C2;

  /* Linie */
  --ls-line:#E6E8EC;
  --ls-line-2:#EEF0F3;
  --ls-line-navy:rgba(255,255,255,.12);

  /* Kształty */
  --ls-radius:4px;
  --ls-radius-sm:4px;
  --ls-radius-pill:999px;

  /* Layout */
  --ls-container:1400px;     /* zewn. szerokość; treść = 1400 - 2×42 = 1316 px, jak w projekcie */
  --ls-container-narrow:1180px; /* węższy wariant (treść 1096 px) — jak w projekcie */
  --ls-gap:clamp(16px,2.4vw,28px);

  /* Cienie */
  --ls-shadow:0 24px 50px -30px rgba(15,23,35,.30);
  --ls-shadow-sm:0 10px 26px -18px rgba(15,23,35,.22);

  /* Typografia */
  --ls-sans:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}