/* ALEBEX — TYPOGRAPHY
   Manrope only. Weights 400/500/600/700/800. */
:root{
  --font-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --fw-regular:400;   /* @kind font */
  --fw-medium:500;    /* @kind font */
  --fw-semibold:600;  /* @kind font */
  --fw-bold:700;      /* @kind font */
  --fw-extrabold:800; /* @kind font */

  /* Type scale (px) */
  --fs-display:88px;   /* hero cover numbers/words */
  --fs-h1:60px;
  --fs-h2:44px;
  --fs-h3:32px;
  --fs-title:24px;
  --fs-body-lg:20px;
  --fs-body:17px;
  --fs-small:15px;
  --fs-caption:13px;
  --fs-kicker:13px;    /* uppercase label */

  /* Tracking */
  --track-tight:-0.03em;  /* headlines (800) @kind font */
  --track-snug:-0.015em;  /* titles @kind font */
  --track-normal:0;       /* @kind font */
  --track-kicker:0.16em;  /* uppercase kicker labels @kind font */

  /* Line heights */
  --lh-tight:1.02; /* @kind font */
  --lh-head:1.08;  /* @kind font */
  --lh-body:1.6;   /* @kind font */

  /* Semantic type roles */
  --role-headline-weight:var(--fw-extrabold);
  --role-headline-track:var(--track-tight);
  --role-body-weight:var(--fw-regular);
  --role-kicker-weight:var(--fw-semibold);
}
