:root {
  /* ─── Paleta główna ─────────────────────────────────── */
  --color-bg:          #E8EAE5;  /* tło strony */
  --color-surface:     #F5F6F2;  /* powierzchnia karty, panele */
  --color-text:        #1C201B;  /* tekst główny */
  --color-text-muted:  #5B6058;  /* tekst drugorzędny, kategorie, cena nowego */
  --color-accent:      #6B2F8C;  /* akcent marki, CTA, linki */
  --color-border:      #D5D8D0;  /* obwódki kart, separatory */
  --color-white:       #FFFFFF;

  /* ─── Klasy stanu ───────────────────────────────────── */
  --badge-a: #1D6E74;  /* A — jak nowy */
  --badge-b: #2A5578;  /* B — ślady użytkowania */
  --badge-c: #8A5A0C;  /* C — wada opisana */
  --badge-d: #8C2A1B;  /* D — na części */

  /* ─── Typografia ────────────────────────────────────── */
  --font-body: 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  /* Fallback widoczny w DevTools: jeśli Inter nie załaduje → Segoe UI (Windows) */

  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 14px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;

  --font-regular:   400;
  --font-medium:    500;
  --font-semibold:  600;
  --font-bold:      700;
  --font-extrabold: 800;

  --leading-tight:  1.2;
  --leading-snug:   1.35;
  --leading-normal: 1.5;

  /* ─── Przestrzeń ─────────────────────────────────────  */
  --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;

  /* ─── Layout ─────────────────────────────────────────  */
  --container-max:  1400px;
  --grid-gap:       12px;
  --grid-cols:      5;

  /* ─── Komponenty ─────────────────────────────────────  */
  --radius-sm:    4px;
  --radius-md:    6px;
  --radius-full:  50%;     /* TYLKO elementy kwadratowe — pieczęć, licznik koszyka */
  --radius-pill:  9999px;  /* prostokąty; 50% dałoby na nich elipsę */

  --badge-size:    36px;
  --badge-rotate: -7deg;
  --badge-font:   15px;

  --transition-fast:   150ms ease;
  --transition-mid:    300ms ease;
  --transition-slow:   500ms ease;

  --shadow-card: 0 1px 3px rgba(28, 32, 27, 0.06);
  --shadow-drawer: -4px 0 24px rgba(28, 32, 27, 0.12);
}