/**
 * Variables typographiques globales
 */
:root {
    /* Fonts stacks */
    --font-handlee: 'Handlee', cursive;
    --font-lora: 'Lora', serif;
    --font-open-sans: 'Open Sans', sans-serif;
    
    /* Hiérarchie typographique */
    --font-primary: var(--font-open-sans);    /* Corps de texte */
    --font-heading: var(--font-handlee);      /* Titres créatifs */
    --font-elegant: var(--font-lora);         /* Titres élégants */
    
    /* Tailles */
    --font-size-xs: 0.75rem;    /* 12px */
    --font-size-sm: 0.875rem;   /* 14px */
    --font-size-base: 1rem;     /* 16px */
    --font-size-lg: 1.125rem;   /* 18px */
    --font-size-xl: 1.25rem;    /* 20px */
    --font-size-2xl: 1.5rem;    /* 24px */
    --font-size-3xl: 1.875rem;  /* 30px */
    --font-size-4xl: 2.25rem;   /* 36px */
    
    /* Poids */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
}

/* Classes utilitaires pour les fonts */
.font-handlee { font-family: var(--font-handlee); }
.font-lora { font-family: var(--font-lora); }
.font-open-sans { font-family: var(--font-open-sans); }

.font-primary { font-family: var(--font-primary); }
.font-heading { font-family: var(--font-heading); }
.font-elegant { font-family: var(--font-elegant); }