/**
 * Design tokens — Fidelilium
 * Centralise toutes les couleurs et espacements du site.
 * À importer en premier dans les fichiers CSS qui en ont besoin.
 */
:root {
    /* Couleurs principales */
    --color-primary:    #b34b32; /* Brun-rouge : liens, boutons, accents */
    --color-dark:       #62757c; /* Bleu-gris foncé : fonds, headers de page */
    --color-soft:       #b1c8be; /* Vert sauge : footer, bordures de formulaires */
    --color-bg:         #f4f4f4; /* Gris très clair : fond des cards */

    /* Couleurs neutres */
    --color-white:      #ffffff;
    --color-text:       #666666; /* Texte courant */
    --color-text-dark:  #333333;
    --color-border:     #dddddd;

    /* Typographie */
    --font-primary:     'Titillium Web', sans-serif;
    --font-weight-light: 300;
    --line-height-base: 1.65em;

    /* Espacements */
    --spacing-xs:  0.5rem;
    --spacing-sm:  1rem;
    --spacing-md:  2rem;
    --spacing-lg:  4rem;

    /* Transitions */
    --transition-base: 0.3s ease;
}