/* ===========================================================================
   DailyCare MU — tokens de design (base « Accessible & Ethical » + MD3 staff).
   Changer de peau = changer ces tokens, pas les vues.
   Référence : docs/ui-reference/staff-mobile.html
   =========================================================================== */

:root {
    /* Couleurs principales (Material You / MD3) */
    --dc-primary: #6750A4;
    --dc-on-primary: #fff;
    --dc-primary-container: #EADDFF;
    --dc-surface: #FFFBFE;
    --dc-surface-container: #F3EDF7;
    --dc-on-surface: #1C1B1F;
    --dc-outline: #79747E;

    /* Coquille de navigation — topbar + BARRE LATÉRALE (R6.1, réutilise la teinte
       FONCÉE expressive introduite en R5.2). Variante foncée du primary #6750A4 pour
       un fond EXPRESSIF tenant le contraste WCAG AAA (PRD §17.6). Le primary #6750A4 +
       blanc ne donne que ~6,4:1 (< 7:1 requis en texte normal) : on descend en teinte.
       Ratios calculés (sRGB, WCAG 2.x) :
         --dc-navbar-bg #40316A + texte blanc  = 11,26:1  (AAA normal, ≥ 7:1) ✔
         --dc-navbar-hover #5B4E7F + blanc      =  7,39:1  (AAA au survol)     ✔
       #5B4E7F = blanc à 14 % composé sur #40316A (le survol éclaircit le fond SANS
       jamais faire passer le texte blanc sous 7:1).
       R6.2 — état ACTIF de la sidebar : pastille CLAIRE --dc-primary-container #EADDFF
       + texte --dc-on-surface #1C1B1F = 13,28:1 (AAA, très au-dessus de 7:1) — un
       repère non ambigu de la page courante pour un public âgé. */
    --dc-navbar-bg: #40316A;
    --dc-navbar-on: #FFFFFF;
    --dc-navbar-hover: #5B4E7F;

    /* Coquille (R6.1) : largeur de la barre latérale + hauteur mini de la topbar. */
    --dc-sidebar-width: 260px;
    --dc-topbar-h: 56px;

    /* Rayons et cibles tactiles */
    --dc-radius-pill: 999px;
    --dc-radius-card: 20px;
    --dc-touch: 44px;

    /* Statuts (couleur jamais seule : toujours doublée d'une icône ou d'un texte) */
    --dc-todo: #49454F;
    --dc-todo-bg: #F3EDF7;
    --dc-done: #1B5E20;
    --dc-done-bg: #DCEFDC;
    --dc-warn: #7A4F01;
    --dc-warn-bg: #FCECC9;
    --dc-incident: #8C1D18;
    --dc-incident-bg: #F9DEDC;

    /* Mapping sur Bootstrap 5 */
    --bs-primary: var(--dc-primary);
    --bs-primary-rgb: 103, 80, 164;
    --bs-body-bg: var(--dc-surface);
    --bs-border-radius: 12px;
    --bs-link-color: var(--dc-primary);
    --bs-link-color-rgb: 103, 80, 164;
    --bs-link-hover-color: #4F378B;
    --bs-link-hover-color-rgb: 79, 55, 139;
}