:root {
  /* Barwy wprost z logo: granat, zielen globusa i sloneczna zolc.
     Granat pochodzi z plakatow placowki i niesie caly tekst naglowkow.
     Cala strona stoi na trzech barwach: granat, zielen i sloneczna zolc.
     Ciemniejsze odcienie tych samych barw sluza tylko pismu, zeby drobny
     tekst trzymal prog czytelnosci. */
  --granat: #14477E;
  --granat700: #0F3760;
  --trawa: #00A040;
  --trawa700: #00722D;
  --slonce: #F7A800;
  --slonce700: #B87400;
  --atrament: #2A2622;
  --tekst: #4A4440;
  --cichy: #6B6460;
  --krem: #FBF7F1;
  --biel: #FFFFFF;
  --obwodka: #E7DFD6;

  --color-primary: var(--granat);
  --color-bg: #FFFFFF;
  --color-surface: var(--krem);
  --color-border: var(--obwodka);
  --text-strong: var(--atrament);
  --text-body: var(--tekst);
  --text-muted: var(--cichy);

  --font-heading: 'Poppins', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 17px;
  --fs-lg: 20px;
  --fs-xl: 25px;
  --fs-2xl: 31px;
  --fs-3xl: 39px;
  --lh-heading: 1.22;
  --lh-body: 1.72;
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 26px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 10px rgba(40,30,20,.06);
  --shadow-md: 0 14px 38px rgba(40,30,20,.10);
  --motion-dur: 220ms;
  --motion-ease: cubic-bezier(.2,.7,.2,1);
}