/* Base 10px → 1rem = 10px, 1.6rem = 16px */
:root {
    --real-font-regular: "DM Sans", system-ui, sans-serif;
    --real-font-italic: "DM Sans", system-ui, sans-serif;
    --real-font-bold: "DM Sans", system-ui, sans-serif;
    --real-font-black: "DM Sans", system-ui, sans-serif;
    --real-font-titre: "DM Serif Display", Georgia, serif;
    --font-regular: "DM Sans", system-ui, sans-serif;
    --font-italic: "DM Sans", system-ui, sans-serif;
    --font-display: "DM Serif Display", Georgia, serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* Corps de texte (base 10px) */
    --fs-body-xs: 1.2rem;   /* 12px */
    --fs-body-sm: 1.4rem;   /* 14px */
    --fs-body-md: 1.6rem;   /* 16px */
    --fs-body-lg: 1.68rem;  /* 16.8px */
    --fs-body-xl: 1.76rem;  /* 17.6px */

    /* Titres display */
    --fs-display-sm: 2rem;                        /* 20px */
    --fs-display-md: 2.4rem;                      /* 24px */
    --fs-display-lg: clamp(2.8rem, 3.5vw, 4rem);  /* 28–40px */
    --fs-display-xl: clamp(4rem, 5vw, 6rem);       /* 40–60px */
    --fs-display-hero: clamp(4rem, 5vw, 6rem);     /* 40–60px */
}