:root{
  /* ============================================================
     FONT FAMILIES
     Oswald   → display / headings (condensed, UPPERCASE)
     Open Sans→ body copy & page titles
     Roboto   → navigation & UI labels (uppercase)
     Lato     → forms & secondary UI
     ============================================================ */
  --font-display:'Oswald','Arial Narrow',sans-serif;
  --font-body:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-ui:'Roboto','Helvetica Neue',Arial,sans-serif;
  --font-form:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;

  /* WEIGHTS */
  --fw-light:300;   /* @kind other */
  --fw-regular:400; /* @kind other */
  --fw-medium:500;  /* @kind other */
  --fw-semibold:600;/* @kind other */
  --fw-bold:700;    /* @kind other */

  /* ============================================================
     TYPE SCALE  (site body base is 12.5–15px; headings use Oswald)
     ============================================================ */
  --fs-hero:62px;      /* ACTUALITÉS / big section titles, Oswald light */
  --fs-display:42px;   /* slide subtitles */
  --fs-h1:34px;        /* page banner titles, Oswald/OpenSans uppercase */
  --fs-h2:27px;        /* section headings, Oswald */
  --fs-h3:21px;
  --fs-h4:17px;
  --fs-lead:19px;
  --fs-body:15px;
  --fs-small:13px;
  --fs-caption:12px;

  /* LINE HEIGHTS */
  --lh-tight:1.05;     /* @kind other */
  --lh-heading:1.2;    /* @kind other */
  --lh-body:1.5;       /* @kind other */
  --lh-loose:1.7;      /* @kind other */

  /* LETTER SPACING */
  --ls-nav:0.02em;     /* @kind other */
  --ls-display:0.01em; /* @kind other */
}