/* Paynook: tokeny jako zmienne CSS. Wygenerowane z tokens.json (źródło prawdy: design system Paynook). */
:root {
  --ground: #F6F4FE;
  --surface: #FFFFFF;
  --panel: #F9F8FD;
  --line: #E6E2F3;
  --line-soft: #EFECF7;
  --line-control: #857E9F;
  --ink: #1B1530;
  --ink-muted: #5A5470;
  --ink-faint: #6E6886;
  --violet: #6D5AE6;
  --violet-ink: #5644CF;
  --violet-ink-hover: #4334B0;
  --violet-soft: #EEEAFD;
  --on-fill: #FFFFFF;
  --ok: #0E7A61;
  --ok-soft: #E3F8F2;
  --warn: #8A6508;
  --warn-fill: #E3A008;
  --warn-soft: #FBF0D7;
  --bad: #B42F50;
  --bad-soft: #FDE7EC;
  --wait: #5A5470;
  --wait-soft: #F0EEF6;
  --bufor: #D9D5E6;
  --bar-neutral: #C9C4D8;
  --track: #F0EEF6;
  --data-1: #6D5AE6;
  --data-2: #12A379;
  --data-3: #2A78D6;
  --data-4: #B8860B;
  --data-5: #C93D5D;
  --data-neutral: #B9B4C7;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-36: 36px;
  --space-40: 40px;
  --space-72: 72px;
  --space-128: 128px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-pill: 999px;
  --font-sans: "Lexend", system-ui, sans-serif;
}
.t-pytanie { font-family: var(--font-sans); font-size: 17px; line-height: 1.55; font-weight: 500; }
.t-pytanie-telefon { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 500; }
.t-odpowiedz { font-family: var(--font-sans); font-size: 32px; line-height: 1.3; font-weight: 500; letter-spacing: -0.01em; }
.t-odpowiedz-telefon { font-family: var(--font-sans); font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -0.01em; }
.t-sekcja { font-family: var(--font-sans); font-size: 22px; line-height: 1.4; font-weight: 600; }
.t-sekcja-telefon { font-family: var(--font-sans); font-size: 19px; line-height: 1.4; font-weight: 600; }
.t-etykieta { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 500; }
.t-kwota-xl { font-family: var(--font-sans); font-size: 32px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; }
.t-kwota-xl-telefon { font-family: var(--font-sans); font-size: 28px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; }
.t-kwota-l { font-family: var(--font-sans); font-size: 20px; line-height: 1.3; font-weight: 500; }
.t-kwota-l-telefon { font-family: var(--font-sans); font-size: 18px; line-height: 1.3; font-weight: 500; }
.t-tresc { font-family: var(--font-sans); font-size: 17px; line-height: 1.55; font-weight: 400; }
.t-tresc-telefon { font-family: var(--font-sans); font-size: 16px; line-height: 1.5; font-weight: 400; }
.t-drobny { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }
.t-drobny-telefon { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 400; }
.t-meta { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 400; }
.t-meta-telefon { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 400; }
.t-przycisk { font-family: var(--font-sans); font-size: 16px; font-weight: 600; }