/* ═══════════════════════════════════════════════════════════════════════════
   Charte de couleurs ComplexSystem v3 — plateforme (hors module Iqhra)
   Référence : la PAGE D'ACCUEIL (Soft UI) — magenta, violet, ardoise, états.
   Deux niveaux par couleur : « vif » = aplats (fonds, icônes, barres), sous texte
   foncé ; « texte/profond » = texte et boutons à texte blanc (contraste AA).
   Règle : réussi ET choix/sélection = toujours vert.
   Aucune surcharge de Soft UI dans ce bloc : les variables servent aux pages qui
   écrivent leurs propres styles (tableau de bord, rapports).
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  /* Marque — celle de l'accueil (Soft UI) */
  --cs-magenta: #CB0C9F;   --cs-magenta-texte: #A80A85;  --cs-magenta-fonce: #7D1C5E;  --cs-magenta-doux: #FCE8F3;
  --cs-violet: #7928CA;    --cs-violet-fonce: #5A1E99;   --cs-violet-doux: #EFE5FA;
  --cs-degrade: linear-gradient(310deg, #7928CA 0%, #CB0C9F 100%);
  --cs-degrade-sombre: linear-gradient(310deg, #141727 0%, #3A416F 100%);
  /* Réussi ET choix/sélection : toujours vert */
  --cs-succes: #82D616;  --cs-succes-texte: #146C43;  --cs-succes-fond: #D4EDDA;  --cs-succes-bord: #BADBCC;  --cs-sur-succes: #14290A;
  /* États */
  --cs-alerte: #FBCF33; --cs-alerte-texte: #856404; --cs-alerte-fond: #FFF3CD; --cs-sur-alerte: #2B1D00;
  --cs-erreur: #EA0606; --cs-erreur-texte: #C40505; --cs-erreur-fond: #FDE0E0;
  --cs-info: #17C1E8;    --cs-info-texte: #0A6E8A;    --cs-info-fond: #DDF6FC;    --cs-sur-info: #06323D;
  /* Ardoise */
  --cs-texte: #344767; --cs-texte-2: #5A6780; --cs-decor: #8392AB;   /* --cs-decor : jamais pour du texte */
  --cs-fond: #F8F9FA; --cs-fond-2: #E9ECEF; --cs-carte: #FFFFFF; --cs-ligne: #DEE2E6;
  --cs-focus: 0 0 0 3px rgba(121, 40, 202, .35);
  /* Séries de graphiques — 6 slots dans cet ordre, validés (daltonisme, contraste ≥ 3) */
  --cs-serie-1: #CB0C9F; --cs-serie-2: #2F9A00; --cs-serie-3: #7928CA;
  --cs-serie-4: #C47A00; --cs-serie-5: #0A8FB3; --cs-serie-6: #D9531E;
}
[data-theme="dark"] {
  --cs-fond: #141727; --cs-carte: #1E2238; --cs-fond-2: #262B47; --cs-ligne: #343A5C;
  --cs-texte: #F1F3F9; --cs-texte-2: #B4BCD3;
  --cs-magenta-texte: #F08FD8; --cs-succes-texte: #7FD99F; --cs-alerte-texte: #F3D36B; --cs-erreur-texte: #FF8A80;
  --cs-serie-1: #DA58B2; --cs-serie-2: #44AB27; --cs-serie-3: #A56FF1;
  --cs-serie-4: #CB7C00; --cs-serie-5: #0098D2; --cs-serie-6: #EC5C23;
}

/* ═══ Lisibilité (contraste WCAG AA ≥ 4,5) sur les éléments de l'écran commun ═══
   Le gris #8392AB de Soft UI (3,15 sur blanc) est trop clair pour du petit texte :
   on l'assombrit uniquement là où il porte du texte de navigation. */
.brand-sub, .sidenav-section-label,
#navbarBlur .breadcrumb-item a, #navbarBlur .breadcrumb-item.text-sm a,
.cs-clients-count, .cs-client-type { color: #5A6780 !important; }
.btn-video { background-image: linear-gradient(195deg, #C8102E, #C2410C) !important; }
.cs-user-pill .avatar-init { background-image: linear-gradient(135deg, #4457C8, #6A3FC8) !important; }

/* Boutons et pastilles de l'accueil : le blanc sur vert lime / jaune / cyan / gris clair
   ne passe pas (1,5 à 3,2) — le texte devient foncé (ou le fond plus profond) sans changer la teinte. */
.btn.btn-success { color: #14290A; }
.btn.btn-success .text-white, .btn.btn-success > span:not([class*="position-absolute"]) { color: #14290A !important; }
.btn .position-absolute.badge { color: #fff !important; }
.btn.btn-warning, .btn.btn-warning > span:not([class*="position-absolute"]) { color: #2B1D00 !important; }
.btn.btn-info, .btn.btn-info > span:not([class*="position-absolute"]) { color: #06323D !important; }
.btn.btn-secondary { background-color: #5A6780; border-color: #5A6780; color: #fff; }
.badge.bg-info { color: #06323D !important; }
.badge.bg-success, .badge.bg-warning { color: #14290A !important; }
.text-secondary { color: #5A6780 !important; }
.btn[style*="#fd7e14"] { color: #A34A00 !important; }
.btn[style*="#198754"] { color: #146C43 !important; }
.btn[style*="#0d6efd"] { color: #0B4DB8 !important; }
.footer-copy { color: #5A6780 !important; }
.footer-links a, .footer-legal, .footer-legal span { color: #5A6780 !important; }
.footer-copy a { color: #7928CA !important; }