/*
 * Charte graphique : toutes les couleurs et polices de l'application.
 * Couleurs relevées sur le logo de l'Académie Cyber Occitanie.
 *
 * Contrastes vérifiés (WCAG 2.1, AA = 4,5:1 pour le texte courant) :
 *   text       sur bg 15,1  sur surface 11,1
 *   text-muted sur bg  8,8  sur surface  6,5
 *   primary    sur bg  7,0  sur surface  5,2
 *   on-primary sur primary 7,0
 *   level-0..3 sur bg ≥ 6,2  sur surface ≥ 4,6  (bg sur level-x ≥ 6,2)
 */

:root {
    --color-bg: #0B1C2C;          /* fond, marine assombri */
    --color-surface: #113550;     /* cartes, en-tête : marine du logo */
    --color-border: #24506F;      /* bordures discrètes (non textuel) */
    --color-primary: #40B7A6;     /* turquoise du logo : boutons, liens, barres */
    --color-on-primary: #0B1C2C;  /* texte sur bouton turquoise (7:1) */
    --color-accent: #4BB9A8;
    --color-text: #E8F1F5;
    --color-text-muted: #A9BCCB;
    --color-level-0: #F87171;     /* Non conforme */
    --color-level-1: #FB923C;     /* Partiellement conforme */
    --color-level-2: #FACC15;     /* Largement conforme */
    --color-level-3: #34D399;     /* Conforme */

    /* Pile système : aucun fichier de police à télécharger. */
    --font-main: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans",
                 "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, "Cascadia Mono", "DejaVu Sans Mono", Menlo,
                 Consolas, monospace;

    --radius: 0.5rem;
    --space: 1rem;
}