/* ==========================================================================
   THEME : la charte graphique, partagée avec le site outil (ABC Tools)
   --------------------------------------------------------------------------
   Les couleurs, rayons et la police reprennent exactement theme.css du site
   outil. Ce qui est nouveau ici (tailles de titres, espacements) est marqué.
   On ne met AUCUNE règle de mise en page dans ce fichier : que des variables.
   ========================================================================== */

:root {
    /* ---- Couleurs (identiques au site outil) ---- */
    --color-blue-light: #5688C7;
    --color-blue-dark: #36548B;

    --color-gray-sombre: #14171C;      /* fond principal */
    --color-gray-ligne: #636363;       /* bordures, séparateurs */
    --color-gray-placeholder: #1D1E21; /* cartes, blocs */
    --color-gray-texte: #9AA0A8;       /* texte secondaire */

    --color-green-dark: #5E6D50;
    --color-green-light: #899E75;

    --color-red-dark: #F23737;
    --color-red-light: #c75656;

    --color-violet: #9747ff;

    /* ---- NOUVEAU : variantes accessibles (contraste suffisant avec du texte blanc) ---- */
    --color-blue-fond: #4673b0;      /* fond des boutons et pastilles avec texte blanc (le bleu clair est trop pâle) */
    --color-red-fond: #b04545;       /* fond de pastille rouge avec texte blanc */
    --color-gray-inactif: #8a8f96;   /* texte désactivé / barré, encore lisible */

    --color-white: #ffffff;
    --color-white2: #D9D9D9;

    /* ---- Rayons (identiques au site outil) ---- */
    --br-very-small: 5px;
    --br-small: 10px;
    --br-large: 15px;
    --br-round: 1000px;

    /* ---- Police ---- */
    --font: 'Inria Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* ---- NOUVEAU : échelle de texte (fluide entre mobile et desktop) ---- */
    --fs-h1: clamp(1.875rem, 1.2rem + 3vw, 3.5rem);  /* 30 → 56 px */
    --fs-h2: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem); /* 24 → 36 px */
    --fs-h3: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);  /* 18 → 20 px (= --fs-title de l'outil) */
    --fs-texte: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem); /* 16 → 17 px */
    --fs-petit: 0.875rem;                             /* 14 px */

    /* ---- NOUVEAU : espacements (toujours des multiples de 8 px) ---- */
    --esp-1: 0.5rem;  /*  8 px */
    --esp-2: 1rem;    /* 16 px */
    --esp-3: 1.5rem;  /* 24 px */
    --esp-4: 2rem;    /* 32 px */
    --esp-6: 3rem;    /* 48 px */
    --esp-section: clamp(3rem, 1.8rem + 5vw, 7.5rem); /* 48 → 120 px entre deux sections */

    /* ---- NOUVEAU : grille ---- */
    --largeur-contenu: 1120px; /* = --content-max de l'outil */
    --largeur-lecture: 68ch;   /* largeur max d'un bloc de texte long */
    --marge-laterale: clamp(1rem, 4vw, 2rem);
}