/* ============================================================
   TEXT SIZE UTILITIES
   ============================================================ */

/* Échelle de tailles — utilise les variables CSS */
:root {
  --text-size-sm:  0.875rem;  /* 14px */
  --text-size-md:  1rem;       /* 16px - base */
  --text-size-lg:  1.125rem;   /* 18px */
  --text-size-xl:  1.25rem;    /* 20px */
  --text-size-2xl: 1.5rem;     /* 24px */
}

/* Classes utilitaires pour les blocs de contenu */
.lm-text--sm  { font-size: var(--text-size-sm); }
.lm-text--md  { font-size: var(--text-size-md); }
.lm-text--lg  { font-size: var(--text-size-lg); }
.lm-text--xl  { font-size: var(--text-size-xl); }
.lm-text--2xl { font-size: var(--text-size-2xl); }

/* Taille de titre (headings) - échelle séparée */
:root {
  --heading-size-sm:  1.5rem;
  --heading-size-md:  2rem;
  --heading-size-lg:  2.5rem;
  --heading-size-xl:  3rem;
  --heading-size-2xl: 3.5rem;
}

.lm-heading--sm  { font-size: var(--heading-size-sm); }
.lm-heading--md  { font-size: var(--heading-size-md); }
.lm-heading--lg  { font-size: var(--heading-size-lg); }
.lm-heading--xl  { font-size: var(--heading-size-xl); }
.lm-heading--2xl { font-size: var(--heading-size-2xl); }