/* ==========================================================================
   Zdrowotka Nowa 1.9.95 — tokeny projektu (jedno źródło prawdy)
   Te same nazwy co zmienne w Figmie (plik design-tokens.json). Nowy kod używa --zdn-*.
   Starsze nazwy (--zd-*, --zds-*, --space-*, --radius-*, --control-*, --motion-*) są aliasami
   w style.css, woocommerce-styles.css, zdrowotka-main.css i nowa-system.css.
   Zasada kontrastu: #4CAF50 (--zdn-accent) tylko jako akcent/dekoracja, nigdy tło pod biały tekst.
   ========================================================================== */
:root{
 /* Kolor */
 --zdn-primary:#2E7D32;        /* przyciski, linki — biały tekst 5,1:1 */
 --zdn-primary-hover:#1B5E20;
 --zdn-accent:#4CAF50;         /* tylko dekoracja (ikony, paski, obrysy) */
 --zdn-tint:#E8F5E9;
 --zdn-tint-2:#F0FDF4;
 --zdn-ink:#202920;            /* nagłówki */
 --zdn-text:#1A1A1A;
 --zdn-muted:#626960;          /* tekst drugorzędny 5,7:1 */
 --zdn-border:#DFE4DA;
 --zdn-border-strong:#C9D6C1;
 --zdn-surface:#FFFFFF;
 --zdn-bg:#FAFAFA;
 --zdn-bg-alt:#F5F5F5;
 --zdn-sale:#C62828;
 --zdn-error:#C62828;
 --zdn-warning:#B45309;
 --zdn-star:#FFB800;
 --zdn-focus:#1B5E20;

 /* Typografia */
 --zdn-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --zdn-fs-xs:12px; --zdn-fs-sm:13px; --zdn-fs-base:14px; --zdn-fs-md:16px; --zdn-fs-lg:18px;
 --zdn-fs-xl:20px; --zdn-fs-2xl:24px; --zdn-fs-3xl:clamp(24px,3vw,28px); --zdn-fs-4xl:clamp(28px,4vw,32px); --zdn-fs-5xl:clamp(32px,5vw,40px);
 --zdn-fw-regular:400; --zdn-fw-semibold:600; --zdn-fw-bold:700;
 --zdn-lh-tight:1.2; --zdn-lh-snug:1.35; --zdn-lh-base:1.5; --zdn-lh-relaxed:1.65;

 /* Odstępy (siatka 4 px) */
 --zdn-space-1:4px; --zdn-space-2:8px; --zdn-space-3:12px; --zdn-space-4:16px; --zdn-space-5:20px;
 --zdn-space-6:24px; --zdn-space-8:32px; --zdn-space-10:40px; --zdn-space-12:48px; --zdn-space-16:64px;

 /* Promienie, kontrolki, cienie */
 --zdn-radius-xs:4px; --zdn-radius-sm:8px; --zdn-radius-md:12px; --zdn-radius-lg:16px; --zdn-radius-pill:999px;
 --zdn-control-sm:44px; --zdn-control-md:48px; --zdn-control-lg:52px;
 --zdn-shadow-sm:0 2px 8px rgba(0,0,0,.06);
 --zdn-shadow-md:0 4px 20px rgba(0,0,0,.06);
 --zdn-shadow-lg:0 12px 30px rgba(0,0,0,.08);
 --zdn-shadow-focus:0 0 0 3px rgba(46,125,50,.25);

 /* Ruch */
 --zdn-motion-press:120ms; --zdn-motion-fast:160ms; --zdn-motion-ui:200ms; --zdn-motion-panel:260ms;
 --zdn-ease-enter:cubic-bezier(.2,.8,.2,1); --zdn-ease-state:cubic-bezier(.4,0,.2,1);

 /* Warstwy */
 --zdn-z-sticky:100; --zdn-z-drawer:1000; --zdn-z-modal:1100; --zdn-z-toast:1200;
}
/* Punkty przełamania (w media queries nie da się użyć zmiennych): 480 · 768 (max 767.98) · 1024 · 1280 */