/* Jetons de l'identité « Je m'entraîne » (lot 5 de l'audit du 23/10/2026).
   Une seule charte pour les trois sites : celle du hub (bleu #3d5a80, fond clair, sobre).
   Chaque matière n'ajoute qu'une couleur d'accent, posée par data-matiere sur <html>, utilisée
   pour le bandeau et les boutons principaux des pages élève. Identique sur maths et français. */
:root {
    --jm-primary: #3d5a80;
    --jm-primary-rgb: 61, 90, 128;
    --jm-primary-dark: #2e4664;
    --jm-primary-lt: #e0e8f0;
    --jm-accent: #3d5a80;
    --jm-accent-rgb: 61, 90, 128;
    --jm-accent-dark: #2e4664;
    --jm-accent-lt: #e0e8f0;
    --jm-ink: #1d273b;
    --jm-soft: #5a6270;        /* gris de texte minimum lisible sur blanc (4,7:1) */
    --jm-bg: #f5f7fa;
    --jm-surface: #ffffff;
    --jm-surface-2: #eef2f7;
    --jm-border: #d5dbe3;
    --jm-success: #2fb344;
    --jm-success-lt: #eef9f1;
    --jm-warn: #f76707;
    --jm-warn-lt: #fff6f0;
    --jm-star: #f2b705;
    --jm-radius: .75rem;
    --jm-shadow: 0 4px 16px rgba(29, 39, 59, .08);
    --jm-font: 'Atkinson Hyperlegible', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --jm-cible: 44px;          /* taille minimale d'une cible tactile */

    /* Les composants Tabler suivent les jetons. */
    --tblr-primary: var(--jm-primary);
    --tblr-primary-rgb: var(--jm-primary-rgb);
    --tblr-primary-lt-rgb: 224, 232, 240;
    --tblr-font-sans-serif: var(--jm-font);
    --tblr-body-color: var(--jm-ink);
    --tblr-secondary-color: var(--jm-soft);
    --tblr-border-color: var(--jm-border);
    --tblr-border-radius: .5rem;
    --tblr-surface: #fff;
}
html[data-matiere="maths"] {
    --jm-accent: #5b6fd6;
    --jm-accent-rgb: 91, 111, 214;
    --jm-accent-dark: #4356b8;
    --jm-accent-lt: #e9ecfb;
}
html[data-matiere="francais"] {
    --jm-accent: #d97452;
    --jm-accent-rgb: 217, 116, 82;
    --jm-accent-dark: #b85a3a;
    --jm-accent-lt: #fbeee8;
}