/* Sysafe typography.
   Gilroy (identity) · Ulm Grotesk (technology, precision) · Montserrat (reading). */
:root{
  --font-identity:"Gilroy","Plus Jakarta Sans",system-ui,sans-serif;
  --font-tech:"Ulm Grotesk","Lexend",system-ui,sans-serif;
  --font-body:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;

  --font-display:var(--font-tech);   /* section titles: LOGOTYPE, 01 ↗ TYPOGRAPHIE */
  --font-heading:var(--font-body);   /* plaquette headings: Montserrat ExtraBold */
  --font-ui:var(--font-body);

  --fw-light:300; /* @kind font */
  --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 */

  /* Scale (px, from 1440×810 brand frames + UI usage) */
  --fs-hero:96px;
  --fs-display:64px;
  --fs-h1:46px;
  --fs-h2:32px;
  --fs-h3:22px;
  --fs-h4:18px;
  --fs-body-lg:18px;
  --fs-body:15px;
  --fs-small:13px;
  --fs-caption:11px;

  --lh-tight:1.05; /* @kind font */
  --lh-heading:1.2; /* @kind font */
  --lh-body:1.5; /* @kind font */

  --tracking-tight:-0.02em; /* @kind font */
  --tracking-normal:0; /* @kind font */
  --tracking-caps:0.02em; /* @kind font */
  --tracking-signature:0.18em; /* @kind font */  /* "LA SÉCURITÉ DES SITES SIMPLIFIÉE" */
  --tracking-eyebrow:0.5em; /* @kind font */     /* "P R É S E N T A T I O N", "S Y S A F E . F R" */
}