:root {
  /* kolory — monochromatyczne, bez akcentu */
  --bg: #FAFAF9;
  --surface: #FFFFFF;
  --ink: #111214;
  --ink-2: #3F434A;
  --ink-3: #6B7078;
  --line: #E4E4E0;
  --accent: #111214;
  --accent-ink: #FFFFFF;
  --inverse-bg: #111214;
  --inverse-bg-light: #141417;
  --inverse-ink: #F4F4F2;
  --logo-accent: #FFB100;
  --inverse-ink-2: #A1A1A6;
  --inverse-line: #2A2D32;

  /* typografia */
  --font-sans: "Geist", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;
  --fs-display: clamp(2rem, 3.5vw + 0.5rem, 2.75rem);
  --fs-h2: clamp(1.625rem, 2vw + 0.75rem, 2.5rem);
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.6875rem;
  --lh-tight: 1.12;
  --lh-body: 1.6;
  --ls-tight: -0.025em;
  --ls-label: 0.06em;

  /* przestrzeń — ciaśniej */
  --container: 1120px;
  --gutter: 20px;
  --section-y: clamp(40px, 5vw, 72px);
  --radius: 8px;
  --radius-pill: 999px;
}