html { font-size: 16px; }

:root{
/* =========================================================
  🧩 Font Families
========================================================= */ 
--ff-poppins: "Poppins", sans-serif;
--ff-arial: "Arial", sans-serif;
--ff-inter: "Inter", sans-serif;
--ff-red-hat: "Red Hat Display", sans-serif;

/* =========================================================
  🧩 Font Families - Aliases
========================================================= */ 
--ff-body: var(--ff-poppins);         /* tekst główny */
--ff-header: var(--ff-red-hat);     /* nagłówki */
--ff-p: var(--ff-poppins);          /* nagłówki */
--ff-button: var(--ff-poppins);     /* przyciski */
--ff-thead: var(--ff-red-hat);     /* przyciski */      
--ff-tbody: var(--ff-red-hat);     /* przyciski */      
--ff-alt: var(--ff-poppins);        /* np. przyciski/akcje */

/* =========================================================
  🧩 Font weights
========================================================= */ 
--fw-300: 300;         /* light */
--fw-400: 400;         /* regular */
--fw-500: 500;         /* regular */
--fw-600: 600;         /* semibold */
--fw-700: 700;         /* bold */
--fw-800: 800;         /* extrabold */
--fw-900: 900;         /* black */

/* =========================================================
  🧩 Letter Spacings
========================================================= */ 
--ls-450:4.50px;
--ls-425:4.25px;
--ls-080:0.80px;
--ls-065:0.65px;
--ls-060:0.60px;
--ls-055:0.55px;
--ls-050:0.50px;
--ls-045:0.45px;
--ls-040:0.40px;
--ls-035:0.35px;
--ls-030:0.30px;
--ls-025:0.25px;
--ls-020:0.20px;
--ls-015:0.15px;
--ls-010:0.10px;
--ls-005:0.05px;

/* =========================================================
  🧩 Line Heights
========================================================= */ 
--lh-200:200%;
--lh-190:190%;
--lh-180:180%;
--lh-170:170%;
--lh-165:165%;
--lh-160:160%;
--lh-150:150%;
--lh-140:140%;
--lh-135:135%;
--lh-130:130%;
--lh-125:125%;
--lh-120:120%;
--lh-110:110%;
--lh-100:100%;

/* =========================================================
  🧩 Spaces - padding and gaps 
========================================================= */ 
--space-0: 0rem;
--space-4: 0.25rem;
--space-8: 0.5rem;
--space-10: 0.625rem;  /* nowa */
--space-12: 0.75rem;
--space-14: 0.875rem;  /* nowa */
--space-16: 1rem;
--space-18: 1.125rem;
--space-20: 1.25rem;
--space-22: 1.35rem;
--space-24: 1.5rem;
--space-26: 1.625rem;
--space-28: 1.75rem;
--space-30: 1.875rem;
--space-32: 2rem;
--space-34: 2.125rem;  /* nowa */
--space-36: 2.25rem;
--space-40: 2.5rem;    /* nowa */
--space-42: 2.625rem;
--space-44: 2.75rem;   /* nowa */
--space-48: 3rem;
--space-52: 3.25rem;
--space-54: 3.375rem;
--space-56: 3.5rem;
--space-58: 3.625rem;
--space-64: 4rem;
--space-72: 4.5rem;
--space-80: 5rem;
--space-88: 5.5rem;
--space-90: 5.625rem;
--space-96: 6rem;
--space-108: 6.75rem;
--space-128: 8rem;
--space-132: 8.25rem;
--space-148: 9.25rem;
--space-154: 9.625rem;
}