:root{
  /* Display — Archivo, tight tracking, used for headlines only */
  --type-display-xl:800 clamp(44px,6.2vw,76px)/0.96 var(--font-display);
  --type-display-l:800 clamp(36px,4.4vw,56px)/1.0 var(--font-display);
  --type-display-m:700 40px/1.05 var(--font-display);
  --type-display-s:700 30px/1.1 var(--font-display);

  /* Headings */
  --type-h1:700 34px/1.15 var(--font-display);
  --type-h2:700 28px/1.2 var(--font-display);
  --type-h3:700 22px/1.25 var(--font-display);
  --type-h4:700 18px/1.3 var(--font-display);

  /* Body — Manrope */
  --type-body-l:400 19px/1.6 var(--font-body);
  --type-body:400 17px/1.6 var(--font-body);
  --type-body-s:400 15px/1.55 var(--font-body);
  --type-caption:500 13px/1.45 var(--font-body);

  /* Label — JetBrains Mono, uppercase, tracked out */
  --type-label:600 12px/1 var(--font-mono);
  --type-label-s:600 11px/1 var(--font-mono);
  --type-numeral:700 13px/1 var(--font-mono);

  --tracking-display:-0.03em;
  --tracking-heading:-0.02em;
  --tracking-body:0;
  --tracking-label:0.14em;

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