/*
=========================================================
VARIABLES.CSS
Variables générales — Santé Prévention Terrain
=========================================================
*/

:root {

    /* =====================================================
       FAMILLES TYPOGRAPHIQUES
    ===================================================== */

    /*
     * Titres : esprit reportage, carnet de terrain,
     * journalisme scientifique.
     */
    --font-family-title:
        "Merriweather",
        Georgia,
        "Times New Roman",
        serif;

    /*
     * Texte courant : moderne, sobre et très lisible.
     */
    --font-family-body:
        "Source Sans 3",
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;


    /* =====================================================
       TAILLES TYPOGRAPHIQUES
    ===================================================== */

    --font-size-xs: 0.75rem;       /* 12 px */
    --font-size-sm: 0.875rem;      /* 14 px */
    --font-size-base: 1rem;        /* 16 px */
    --font-size-md: 1.125rem;      /* 18 px */
    --font-size-lg: 1.375rem;      /* 22 px */
    --font-size-xl: 1.75rem;       /* 28 px */
    --font-size-2xl: 2.125rem;     /* 34 px */
    --font-size-3xl: 2.75rem;      /* 44 px */


    /* =====================================================
       GRAISSES
    ===================================================== */

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;


    /* =====================================================
       HAUTEURS DE LIGNE
    ===================================================== */

    --line-height-tight: 1.15;
    --line-height-title: 1.25;
    --line-height-base: 1.55;
    --line-height-relaxed: 1.7;


    /* =====================================================
       ESPACEMENT DES LETTRES
    ===================================================== */

    --letter-spacing-tight: -0.015em;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.04em;
}