/* ORNAMENT — odstepy, promienie, cienie. Baza 4 px. */
:root{
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px;
  /* Rytm pionowy: sekcja strony 96 (mobile 64), naglowek→tresc 24, akapit→akapit 16,
     etykieta→pole 8, pole→pole 24, karta wewnatrz 24. */

  --radius-input:8px;      /* pola formularzy */
  --radius-card:12px;      /* karty, kafle, komunikaty (komunikaty: 10) */
  --radius-notice:10px;
  --radius-pill:999px;     /* przyciski, plakietki, tagi — miekkosc rekodziela */
  --radius-arch:999px 999px 0 0;  /* arkada z brandbooka — maska zdjec nastrojowych */

  --shadow-1:0 1px 2px rgba(77,48,63,.05);
  --shadow-2:0 2px 6px rgba(77,48,63,.06),0 12px 28px rgba(77,48,63,.10);
  /* Cienie ledwie widoczne — papier lezy na stole, nie lewituje. */

  --target-min:24px;   /* absolutne minimum WCAG 2.2 */
  --target-touch:44px; /* domyslna wysokosc kontrolek */
}