/* Type — Aller is the brand face (Datenblatt Seite 1). The digital surfaces pair it with
   Lato for running copy and small UI labels (measured off the coded website layouts).
   Sizes below are the values found in the source, not a rounded scale. */
:root{
  --nh-font-brand:"Aller","Aller Std",Verdana,"Segoe UI",sans-serif;
  --nh-font-display:"Aller Display","Aller",Verdana,sans-serif;
  --nh-font-ui:"Lato","Aller",-apple-system,"Segoe UI",sans-serif;

  --nh-weight-light:300;
  --nh-weight-regular:400;
  --nh-weight-semibold:600;   /* guide's "Semi-Bold" specimen — renders from Aller Bold */
  --nh-weight-bold:700;
  --nh-weight-heavy:900;      /* Lato Heavy, used for small red labels */

  /* Sizes as used in the source files */
  --nh-size-claim:64px;       /* "Wir vermieten wohnen." */
  --nh-size-claim-sm:55px;
  --nh-size-display:46px;
  --nh-size-h1:35px;
  --nh-size-h2:30px;          /* section headline, Aller Bold */
  --nh-size-h3:20px;
  --nh-size-h4:16px;
  --nh-size-label:14px;       /* Lato Heavy red eyebrow label */
  --nh-size-body:13px;
  --nh-size-body-sm:12px;     /* running copy + button text on the website */
  --nh-size-caption:11px;

  --nh-leading-tight:1;       /* headlines in the source use line-height:100% */
  --nh-leading-snug:1.25;
  --nh-leading-body:1.45;
  --nh-leading-loose:1.6;

  --nh-tracking-tight:-0.01em;
  --nh-tracking-normal:0;
  --nh-tracking-wide:0.04em;  /* uppercase footer headings + outline buttons */
}