html {
font-size: var(--font-size-root); /* 1rem = --font-size-root */
}

body {
font-family: var(--font-family-base);
font-weight: 400; /* cohérent avec @font-face 400 /
line-height: 1.6;
color: var(--color-text);
font-size: var(--fs-base); / 1rem */
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-family-heading);
font-weight: 700;
margin-top: 0.1em;
margin-bottom: 0.5em;
line-height: 1.3;
}

h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
h4 { font-size: var(--fs-h4); }
h5 { font-size: var(--fs-h5); font-weight: 600; }
h6 { font-size: var(--fs-h6); font-weight: 600; }

.ui-element {
font-family: var(--font-family-ui);
font-style: italic
; /* just to differentiate */
}

/* Paragraphes */
p { margin-top: 0; margin-bottom: 1em; }

/* Texte secondaire */
small {
font-weight: 300; /* nécessite @font-face 300 (ok) */
font-size: var(--fs-xs);
color: var(--color-muted);
}

/* Inline */
strong, b { font-weight: 700; }
em, i { font-style: italic; }