/* GAMA OZE — Słupy · spacing / radius / obramowania / cienie / wymiary */
:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
  --space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;
  /* radius — małe promienie (charakter „rzeczowy/urzędowy") */
  --radius-xs:2px;   /* code, drobne chipy */
  --radius-sm:3px;   /* pola formularzy, kafle, komunikaty */
  --radius-md:4px;   /* karty, przyciski, karta wyniku */
  --radius-lg:8px;   /* duże media — wyjątkowo */
  --radius-full:999px; /* badge statusów, avatar */
  /* obramowania — hierarchię budują obramowania, nie cienie */
  --border-hairline:1px;
  --border-input:1.5px;
  --border-strong:2px;
  --border-bar:3px;  /* lewy pasek komunikatów (flag/note) */
  /* cienie — oszczędnie */
  --shadow-card:0 1px 2px rgba(16,24,32,0.05);
  --shadow-pop:0 6px 20px rgba(16,24,32,0.10);
  --shadow-focus:0 0 0 3px rgba(0,152,149,0.20);
  --focus-ring:0 0 0 2px var(--color-surface),0 0 0 5px var(--color-brand);
  /* wymiary — dotyk i layout */
  --tap-min:44px;
  --control-height:48px;
  --control-height-lg:56px;
  --container-sm:680px;  /* kolumna treści/kalkulatora */
  --container-md:880px;  /* landing — sekcje z gridem */
  --container-lg:1080px; /* CRM (tabele) */
}