/**
 * UNSA Outils — Design tokens (variables CSS centralisées).
 *
 * Cette feuille définit la charte commune (couleurs, rayons, ombres, transitions)
 * utilisée par les outils du plugin (hub, MAM, quiz, pointage, accessibilité, etc.).
 *
 * À enqueuer EN PREMIER (avant tous les autres CSS du plugin) afin que les
 * variables soient résolues partout : assets/unsa-outils-hub-context.css,
 * assets/outil-mam.css, assets/outil-quiz-assmat.css,
 * assets/outil-pointage-quickbar.css, assets/unsa-outils-a11y.css, etc.
 *
 * Convention : préfixe `--unsa-…` ; ne PAS écraser les variables locales d’un
 * outil (ex. `--unsa-pointage-bg`, `--unsa-qam-rose`) qui peuvent surcharger
 * ces tokens dans leur scope.
 */

:root {
    /* --- Charte UNSA : rose principal (#EA5199) --- */
    --unsa-pink: #ea5199;
    --unsa-pink-light: #fdf2f8;
    --unsa-pink-dark: #c43d7a;

    /* --- Charte UNSA : bleu secondaire (#029DDE) --- */
    --unsa-blue: #029dde;
    --unsa-blue-light: #e7f5fe;
    --unsa-blue-dark: #0285c9;

    /* --- Couleurs sémantiques (états) --- */
    --unsa-success: #1f9d55;
    --unsa-warning: #b45309;
    --unsa-error: #c62828;

    /* --- Texte / fond / bordure --- */
    --unsa-text: #1a1a1a;
    --unsa-text-muted: #50575e;
    --unsa-bg: #ffffff;
    --unsa-border: #dcdcde;

    /* --- Rayons --- */
    --unsa-radius-sm: 6px;
    --unsa-radius-md: 10px;
    --unsa-radius-lg: 14px;

    /* --- Ombres --- */
    --unsa-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
    --unsa-shadow-md: 0 2px 12px rgba(15, 23, 42, 0.08);

    /* --- Transitions --- */
    --unsa-transition-fast: 0.15s ease;
    --unsa-transition-normal: 0.2s ease;

    /* --- Contrôles formulaires (hub & outils front, hors admin WP) --- */
    --unsa-input-height: 38px;
    --unsa-input-padding-x: 10px;
    --unsa-input-font-size: 0.9375rem;
    --unsa-input-border: 1px solid var(--unsa-border);
    --unsa-input-bg: var(--unsa-bg);
    --unsa-input-radius: var(--unsa-radius-sm);
    --unsa-input-focus-ring: 0 0 0 2px var(--unsa-bg), 0 0 0 4px var(--unsa-pink);
}
