/* Typography roles (ADR-017 + Brand Guide):
   Montserrat = UI font; Black (900) only for hero/page titles ("to shout").
   Gelasio = editorial accent, sparsam: quotes, empty states, report numbers.
   Never Gelasio for UI chrome or forms. Left-aligned body text in UI. */
:root {
  --font-sans: 'Montserrat', ui-sans-serif, system-ui, sans-serif;
  --font-serif: 'Gelasio', Georgia, serif;
  --text-xs: 0.75rem;   --leading-xs: 1rem;
  --text-sm: 0.875rem;  --leading-sm: 1.25rem;
  --text-base: 1rem;    --leading-base: 1.5rem;
  --text-lg: 1.125rem;  --leading-lg: 1.75rem;
  --text-xl: 1.25rem;   --leading-xl: 1.75rem;
  --text-2xl: 1.5rem;   --leading-2xl: 2rem;
  --text-3xl: 1.875rem; --leading-3xl: 2.25rem;
  --text-4xl: 2.25rem;  --leading-4xl: 2.5rem;
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600;
  --weight-bold: 700; --weight-black: 900;
  --tracking-wide: 0.08em; /* nur für kleine Uppercase-Labels */
}