/* LightLife — typografia.
   Nagłówki: Cormorant Garamond SemiBold. Body: Manrope Regular.
   „Elegancja i czytelność w idealnej harmonii.” */
:root {
  --font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-body: 'Manrope', system-ui, -apple-system, sans-serif;

  /* Skala rozmiarów */
  --fs-display-xl: 64px;  /* hero www */
  --fs-display:    48px;
  --fs-h1: 40px;
  --fs-h2: 32px;
  --fs-h3: 25px;
  --fs-h4: 20px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 12.5px;
  --fs-overline: 12px;

  /* Gotowe skróty font: */
  --text-display-xl: 600 var(--fs-display-xl)/1.08 var(--font-display);
  --text-display:    600 var(--fs-display)/1.1 var(--font-display);
  --text-h1: 600 var(--fs-h1)/1.12 var(--font-display);
  --text-h2: 600 var(--fs-h2)/1.16 var(--font-display);
  --text-h3: 600 var(--fs-h3)/1.2 var(--font-display);
  --text-h4: 600 var(--fs-h4)/1.25 var(--font-display);
  --text-body-lg: 400 var(--fs-body-lg)/1.6 var(--font-body);
  /* UWAGA: font-skrót to --type-body (nie --text-body). --text-body jest KOLOREM (colors.css). */
  --type-body:    400 var(--fs-body)/1.6 var(--font-body);
  --text-body-sm: 400 var(--fs-body-sm)/1.5 var(--font-body);
  --text-caption: 500 var(--fs-caption)/1.4 var(--font-body);
  --text-overline: 600 var(--fs-overline)/1.3 var(--font-body); /* + uppercase + tracking */
  --text-stat: 700 28px/1.1 var(--font-body); /* liczby, dane */

  --tracking-caps: 0.14em;
  --tracking-tight: -0.01em;
}