/* ── Typography ──────────────────────────────────────────────────────
   One family: Source Sans 3 — a friendly, highly legible humanist sans
   chosen for accessibility. Headings use weight 700 in ink/teal; body is
   400 at a generous 1.7 line-height. The logo wordmark is all-caps with
   wide tracking; we echo that ONLY on eyebrow labels and the motto. */

:root {
  --font-sans: "Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Weights */
  --fw-light: 300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Type scale (rem, 16px base) */
  --fs-display: 2.75rem;  /* 44px — hero */
  --fs-h1: 2rem;          /* 32px */
  --fs-h2: 1.5rem;        /* 24px */
  --fs-h3: 1.15rem;       /* ~18px — card titles */
  --fs-lead: 1.15rem;     /* intro / lead paragraph */
  --fs-body: 1.05rem;     /* base body */
  --fs-sm: 0.9rem;        /* labels, captions */
  --fs-xs: 0.78rem;       /* eyebrow / overline */

  /* Line heights */
  --lh-tight: 1.2; /* @kind font */
  --lh-snug: 1.45; /* @kind font */
  --lh-body: 1.7; /* @kind font */

  /* Tracking */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.08em;   /* eyebrow labels */
  --tracking-motto: 0.15em;  /* the RESPEKT · TEILHABE · VIELFALT motto */

  /* Semantic aliases */
  --text-display-size: var(--fs-display);
  --text-heading-weight: var(--fw-bold);
  --text-body-size: var(--fs-body);
  --text-body-line: var(--lh-body);
  --text-eyebrow-tracking: var(--tracking-wide);
}