/*
 * ateliertitane.fr — variables de la charte.
 *
 * Source unique des couleurs et de la typographie. Les valeurs viennent de
 * docs/CHARTE_GRAPHIQUE.md, relevées le 18/08/2026 sur le style ATiBlue du
 * template yoo_moreno en production.
 *
 * Trois couleurs diffèrent volontairement de l'actuel — texte courant, lien et
 * bleu primaire — parce que l'actuel échoue WCAG AA de peu. L'écart de teinte
 * est invisible à l'œil ; le ratio passe le seuil de 4,5:1. Ne pas « corriger »
 * ces valeurs vers celles du site actuel : ce serait défaire l'arbitrage.
 *
 * Le bleu primaire #2f6792 n'est pas une couleur nouvelle : il figurait déjà
 * dans le custom.css du site, où Bjorn l'avait substitué à #3e88c1.
 */

:root {
    /* ── Fonds ────────────────────────────────────────────────── */
    --fond-page:       #33373e;
    --fond-sombre:     #2d3035;  /* navbar, blocs sombres */
    --fond-secondaire: #42464e;  /* panneau secondaire */

    /* ── Texte ────────────────────────────────────────────────── */
    --texte:        #9b9faa;  /* 4,52:1 sur --fond-page (l'actuel #989ca7 échoue) */
    --texte-clair:  #dddee2;  /* titres, 8,89:1 */

    /* ── Liens ────────────────────────────────────────────────── */
    --lien:          #52a7e7;  /* 4,58:1 (l'actuel #4d9cd8 échoue à 4,02:1) */
    --lien-survol:   #b6d6ef;  /* 7,89:1 */

    /* ── Couleurs d'état ──────────────────────────────────────── */
    --primaire:        #2f6792;  /* blanc dessus : 6,04:1 */
    --primaire-ombre:  #3575a6;
    --succes:  #87bc34;
    --danger:  #d13f3c;
    --alerte:  #eb8541;

    /* ── Séparations ──────────────────────────────────────────── */
    --separation:       #4d535c;
    --separation-claire:#545a64;
    --separation-sombre:#494e56;
    --bleu-pale:        #cbe2f3;

    /* ── Typographie ──────────────────────────────────────────── */
    --police: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --graisse-normale: 300;
    --graisse-appuyee: 400;
    --graisse-forte:   700;
}

/*
 * Lato hébergée en local plutôt qu'importée depuis Google Fonts.
 * L'@import distant du site actuel est une requête bloquante dans la chaîne
 * critique, et l'audit y relève 90 ms perdues faute de font-display.
 * `swap` affiche le texte immédiatement dans la police de repli, puis
 * substitue : c'est ce qui évite le texte invisible pendant le chargement.
 *
 * Les chemins sont relatifs à CE fichier, jamais absolus : une feuille de style
 * ne passe pas par le filtre Twig qui préfixe les URLs, donc un `/fonts/…`
 * chercherait la racine du serveur et ne trouverait rien en développement.
 */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/lato-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lato-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/lato-700.woff2') format('woff2');
}