/* =========================================================
   Design tokens — source unique (hors couleurs)

   Couleurs / thèmes : voir css/colors.css (--accent, neutres, dark, saisons).
   Typo utilitaire : classes .text_* dans css/texts.css (branchées sur --text-*-size).

   Changer une valeur ici doit suffire pour aligner tout le site
   (là où les fichiers utilisent déjà var(--…)).
   ========================================================= */
:root {
    /* Police */
    --font-sans: 'Poppins', Arial, sans-serif;

    /* Rayons (valeurs déjà utilisées sur le site) */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-md-plus: 10px;
    --radius-lg: 12px;
    --radius-14: 14px;
    --radius-16: 16px;
    --radius-xl: 20px;
    --radius-pill: 999px;
    --radius-btn: 25px;

    /* Ombres */
    --shadow-1: 0 10px 16px rgba(45, 37, 91, 0.15);
    --shadow-2: 5px 4px 6px rgba(45, 37, 91, 0.10);

    /* Espacements de base */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;

    /* Échelle typo (miroir de .text_1 … .text_6) */
    --text-1-size: 6rem;
    --text-2-size: 3.5rem;
    --text-3-size: 2.5rem;
    --text-4-size: 1.9rem;
    --text-5-size: 1.2rem;
    --text-6-size: 1.1rem;
}

@media (max-width: 768px) {
    :root {
        --text-1-size: 3rem;
        --text-2-size: 1.8rem;
        --text-3-size: 1.9rem;
        --text-4-size: 1.2rem;
        --text-5-size: 1rem;
        --text-6-size: 0.9rem;
    }
}