/* Design tokens - Transcourrier site vitrine
   Relevés sur la maquette V4. Les quatre variantes d'orange du source ont été
   ramenées à trois états : normal, survol, pressé. */

:root {
    /* Couleurs de marque */
    --tc-marine: #0C2A54;
    --tc-marine-fonce: #06122D;
    --tc-orange: #EE7721;
    --tc-orange-survol: #E55A1A;
    --tc-orange-presse: #D44C10;
    /* Orange assombri, RESERVE AU PETIT TEXTE sur fond clair. #EE7721 n y
       donne que 2,88:1 sur blanc et 2,60:1 sur creme, sous le seuil AA de
       4,5:1 ; #B8410C donne 5,53:1 et 4,99:1. Mesure le 21/09/2026.
       NE PAS l employer sur fond marine, ou il retombe a 2,58:1 : c est
       l orange vif qui y passe, avec 4,95:1. */
    --tc-orange-texte: #B8410C;

    /* Neutres */
    --tc-noir: #000000;
    --tc-blanc: #FFFFFF;
    --tc-gris: #6F6F6F;
    --tc-gris-froid: #4B5563;

    /* Fonds */
    --tc-fond: var(--tc-blanc);
    --tc-fond-creme: #FFF1E4;
    --tc-fond-bleu-clair: #FAFCFF;
    --tc-fond-bleu-pale: #F2F7FF;

    /* Liens */
    --tc-lien: #0D5CF9;

    /* Typographie */
    --tc-police-titre: "Instrument Serif", Georgia, "Times New Roman", serif;
    --tc-police-texte: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

    /* Titre géant de l'accueil, seul endroit où la serif est employée */
    --tc-titre-taille: clamp(40px, 7vw, 110px);
    --tc-titre-interligne: 0.95;
    --tc-titre-interlettrage: -2.46px;

    /* Titres courants, relevés sur la maquette : 76 px pour un héros de page,
       56 px pour un titre de section, Montserrat dans les deux cas. */
    --tc-titre-page-taille: clamp(36px, 5.2vw, 76px);   /* redescendu le 21/09 : la lineale porte optiquement plus grand que la serif */
    --tc-titre-section-taille: clamp(30px, 3.9vw, 56px);

    --tc-texte-taille: clamp(15px, 2.5vw, 18px);
    --tc-texte-interligne: 1.6;

    /* Rythme */
    --tc-espace-xs: 0.5rem;
    --tc-espace-s: 1rem;
    --tc-espace-m: 2rem;
    --tc-espace-l: 4rem;
    --tc-espace-xl: 8rem;
    --tc-largeur-max: 1280px;
    --tc-gouttiere: clamp(1rem, 4vw, 2rem);

    /* Animation de référence de la maquette */
    --tc-transition: 0.3s ease-out;
    --tc-apparition-duree: 0.6s;
    --tc-apparition-decalage: 15px;
    --tc-apparition-cascade: 0.08s;
}