/* =====================================================
   POLICES SELF-HOSTED - Outils Pour La Classe
   Remplace intégralement fonts.googleapis.com (RGPD).
   Sous-ensemble latin (couvre le français : œ, €, accents).
   Les fontes variables (vf) couvrent toutes les graisses
   d'une famille en un seul fichier woff2.
   Le navigateur ne télécharge que les familles utilisées.
   ===================================================== */

/* ===== INTER - Police principale UI (variable 100-900) ===== */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/public/fonts/inter-vf-100-900.woff2') format('woff2');
}

/* ===== NUNITO - Police contenu enfants (variable 200-1000) ===== */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('/public/fonts/nunito-vf-200-1000.woff2') format('woff2');
}

/* ===== FREDOKA - Police display/jeux (variable 300-700) ===== */
@font-face {
    font-family: 'Fredoka';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('/public/fonts/fredoka-vf-300-700.woff2') format('woff2');
}

/* ===== QUICKSAND - Police jeux (variable 300-700) ===== */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('/public/fonts/quicksand-vf-300-700.woff2') format('woff2');
}

/* ===== POPPINS - Titres séances ===== */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/public/fonts/poppins-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('/public/fonts/poppins-900.woff2') format('woff2');
}

/* ===== LA BELLE AURORE - Police cursive ===== */
@font-face {
    font-family: 'La Belle Aurore';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/la-belle-aurore-v23-latin-regular.woff2') format('woff2');
}

/* ===== OPENDYSLEXIC - Police accessibilité (4 styles) ===== */
@font-face {
    font-family: 'OpenDyslexic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/OpenDyslexic-Regular.woff') format('woff');
}
@font-face {
    font-family: 'OpenDyslexic';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/OpenDyslexic-Italic.woff') format('woff');
}
@font-face {
    font-family: 'OpenDyslexic';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/public/fonts/OpenDyslexic-Bold.woff') format('woff');
}
@font-face {
    font-family: 'OpenDyslexic';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('/public/fonts/OpenDyslexic-BoldItalic.woff') format('woff');
}

/* ===== GRAPHECRIT - Police écriture manuscrite (PDF/Fiches) ===== */
@font-face {
    font-family: 'Graphecrit';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/graphecrit.otf') format('opentype');
}

/* ===== POLICES À THÈME (jeux : espace, halloween, médiéval…) ===== */
@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('/public/fonts/orbitron-vf-400-900.woff2') format('woff2');
}
@font-face {
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('/public/fonts/cinzel-vf-400-900.woff2') format('woff2');
}
@font-face {
    font-family: 'Creepster';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/creepster-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Special Elite';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/special-elite-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Fredoka One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/fredoka-one-400.woff2') format('woff2');
}

/* ===== POLICES DÉCORATIVES (générateur d'étiquettes) ===== */
@font-face {
    font-family: 'Kalam';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/kalam-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/public/fonts/caveat-vf-400-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Shadows Into Light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/shadows-into-light-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Permanent Marker';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/permanent-marker-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Patrick Hand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/patrick-hand-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Architects Daughter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/architects-daughter-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Fredericka the Great';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/public/fonts/fredericka-the-great-400.woff2') format('woff2');
}

/* ===== VARIABLES DE POLICES ===== */
:root {
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-content: 'Nunito', var(--font-sans);
    --font-display: 'Fredoka', 'Nunito', var(--font-sans);
    --font-cursive: 'La Belle Aurore', cursive;
    --font-handwriting: 'Graphecrit', 'La Belle Aurore', cursive;
    --font-dyslexic: 'OpenDyslexic', var(--font-sans);
}