/* Koubit — Typography tokens
   Source site uses a rounded geometric display face for headings and a humanist
   sans for body copy. Exact webfont files were not provided in the source
   material — see readme.md "Font substitution" note. Nearest Google Fonts
   matches are used and declared via @font-face below (self-hosted, not CDN-linked). */
:root {
  --font-display: 'Baloo 2', 'Quicksand', ui-rounded, sans-serif;
  --font-body: 'Nunito Sans', 'Nunito', -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Type scale (px) */
  --text-display-xl: 56px;   /* hero headline */
  --text-display-lg: 40px;   /* section headings ("Who We Are") */
  --text-display-md: 32px;
  --text-display-sm: 24px;

  --text-body-lg: 20px;      /* hero subcopy, pull quotes */
  --text-body-md: 17px;      /* default paragraph */
  --text-body-sm: 15px;
  --text-caption: 13px;

  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
}