/* ===========================================================================
   DayCare MU — tokens de design (identité petite enfance : teal chaleureux +
   accent chaud orangé). C'est la SEULE PEAU du produit : changer de peau =
   changer ces tokens, PAS les vues. La coquille (site.css) et les composants
   ne référencent QUE ces variables --dc-* / --bs-* — ils héritent donc
   automatiquement de toute nouvelle palette.

   Palette validée WCAG AA/AAA (ne pas inventer d'autres valeurs) :
   texte blanc sur --dc-navbar-bg #0B4D48 et sur --dc-primary #0F6E66 tient les
   ratios de contraste exigés (PRD règle 7).
   =========================================================================== */

:root {
    /* Couleurs principales — teal petite enfance */
    --dc-primary: #0F6E66;
    --dc-on-primary: #FFFFFF;
    --dc-primary-container: #C7F0EA;
    --dc-surface: #FBFDFC;
    --dc-surface-container: #EDF6F4;
    --dc-on-surface: #17211F;
    --dc-outline: #6F7B78;

    /* Coquille de navigation — topbar + BARRE LATÉRALE (teinte foncée expressive,
       texte blanc au-dessus du seuil de contraste AAA). */
    --dc-navbar-bg: #0B4D48;
    --dc-navbar-on: #FFFFFF;
    --dc-navbar-hover: #14625B;

    /* Accent chaud (rappel « enfance ») — réservé aux appels à l'action ponctuels. */
    --dc-accent: #E8792B;
    --dc-accent-on: #FFFFFF;

    /* Coquille : 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: #EDF6F4;
    --dc-done: #1B5E20;
    --dc-done-bg: #DCEFDC;
    --dc-warn: #7A4F01;
    --dc-warn-bg: #FCECC9;
    --dc-incident: #8C1D18;
    --dc-incident-bg: #F9DEDC;
    /* État « parti » du pointage M6 (bleu, jamais seul : badge + texte). */
    --dc-gone: #0B4A6F;
    --dc-gone-bg: #D6EAF6;

    /* Mapping sur Bootstrap 5 */
    --bs-primary: var(--dc-primary);
    --bs-primary-rgb: 15, 110, 102;
    --bs-body-bg: var(--dc-surface);
    --bs-border-radius: 12px;
    --bs-link-color: var(--dc-primary);
    --bs-link-color-rgb: 15, 110, 102;
    --bs-link-hover-color: #0B4D48;
    --bs-link-hover-color-rgb: 11, 77, 72;
}