/* WIDGET — promienie i cienie. Cień zawsze z pigmentem granatu, nigdy czysta czerń (str. 8). */
:root{
--radius-s:10px;   /* przyciski, pola formularzy */
--radius-m:16px;   /* karty */
--radius-l:24px;   /* media, panele hero */
--radius-pill:999px; /* metki, pastylki */
--radius-xs:6px;   /* DODANE poza dokumentem: checkbox i mikroelementy */
--shadow-sm:0 1px 2px rgba(14,36,48,.06);
--shadow-md:0 6px 16px -4px rgba(14,36,48,.12);
--shadow-lg:0 16px 40px -8px rgba(14,36,48,.18);
--border-width:1px;--border-focus-width:2px;--focus-offset:3px;
/* wysokości kontrolek: L — hero, formularze, pasy CTA · M — nagłówek, karty */
--control-h-l:52px;--control-h-m:44px;--field-h:52px;--field-h-mobile:48px;--header-h:72px;--cta-bar-h:64px;
--icon-tile:48px;
}