/* =========================================================================== 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). Ces tokens = le thème LAVANDE (défaut) ; les 7 autres thèmes du catalogue les surchargent par bloc [data-dc-theme=…] dans dailycare-themes.css (attribut posé sur par les layouts : cookie utilisateur → défaut du centre → lavande). */ --dc-primary: #6750A4; --dc-primary-hover: #4F378B; --dc-on-primary: #fff; --dc-primary-container: #EADDFF; --dc-surface: #FFFBFE; --dc-surface-container: #F3EDF7; --dc-on-surface: #1C1B1F; --dc-outline: #79747E; /* Dégradés des 2 CARTES du carrousel KPI de l'accueil (retour PO : elles suivent le thème choisi). Décoratifs uniquement — aucun texte ne repose directement dessus (les tuiles opaques passent au-dessus). Surchargés par chaque bloc [data-dc-theme=…] de dailycare-themes.css. */ --dc-kpi-degrade-0: linear-gradient(120deg, #6750A4, #9A7FE0, #C7B0FF, #E8DEF8, #B69DF8, #6750A4); --dc-kpi-degrade-1: linear-gradient(120deg, #2F6BE0, #5B8DF5, #8FB4FF, #D3E2FF, #6E9BFF, #2F6BE0); /* 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; /* Uniformisation des CARTES (retour PO) : coins arrondis (déjà --dc-radius-card), fine bordure lavande + ombre extérieure lavande dégradée (effet de relief). Fond de carte lavande clair (#E9D9FF), entête de tableau lavande soutenu (#a98be3), lignes de contenu ALTERNÉES lavande clair / lavande moyen (#E9D9FF ET #CDB7F6) — plus de vert. Texte foncé --dc-on-surface #1C1B1F sur ces trois fonds : ~6,6:1 (#a98be3, entête gras) à ~11:1 (#E9D9FF), lisible. Titre de carte en GRIS prononcé (--dc-todo) distinct du contenu. */ --dc-card-bg: #E9D9FF; /* Entête : #B7A0EC et non l'ancien #A98BE3 (6,1:1 — sous AAA) : seule nuance lavande corrigée au passage au catalogue de thèmes (écart annoncé au PO). */ --dc-card-header-bg: #B7A0EC; --dc-card-border: #D6C6F2; --dc-card-title: var(--dc-todo); --dc-card-shadow-1: rgba(103, 80, 164, 0.22); --dc-card-shadow-2: rgba(103, 80, 164, 0.10); --dc-row-alt-a: #E9D9FF; --dc-row-alt-b: #CDB7F6; /* 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; }