/* ==========================================================================
   Globalsecure — Pont de thème « gr → gs »
   Réaligne les tokens historiques --gr-* (espace admin/superviseur) sur la
   palette claire indigo --gs-* du nouveau design system « Clair ».
   Effet : toutes les vues admin existantes (classes gr-*) basculent en clair
   et cohérentes avec le layout/dashboard, SANS réécrire chaque vue.
   Chargé en DERNIER (après tokens.css / prototype.css / style.css / gs.css).
   ========================================================================== */
:root,
:root[data-theme='day'],
:root[data-theme='night'] {
  /* Surfaces & fonds → clair */
  --gr-bg: #f7f8fc;
  --gr-bg-2: #eef0f6;
  --gr-surface: #ffffff;
  --gr-surface-2: #fbfbfe;
  --gr-surface-3: #eef0f6;
  --gr-surface-glass: rgba(255, 255, 255, 0.85);

  /* Bordures */
  --gr-border: #ecedf4;
  --gr-border-2: #e3e5f0;
  --gr-border-3: rgba(79, 70, 229, 0.22);

  /* Accent principal : le doré devient l'indigo du design « Clair » */
  --gr-gold: #4f46e5;
  --gr-gold-dark: #4338ca;
  --gr-gold-darker: #3730a3;
  --gr-gold-glow: rgba(79, 70, 229, 0.14);

  /* Couleurs de signal (versions lisibles sur fond clair) */
  --gr-cyan: #0891b2;
  --gr-cyan-muted: #0e7490;
  --gr-green: #0ea36b;
  --gr-green-dark: #047857;
  --gr-red: #e23b3b;
  --gr-red-dark: #b91c1c;

  /* Texte */
  --gr-text: #1a1d2b;
  --gr-text-muted: #5b6178;
  --gr-text-faint: #9aa1b5;

  /* Ombres douces (le thème sombre en mettait de fortes) */
  --gr-shadow-strength: 0.08;
  --gr-bg-pattern-opacity: 0;
  --gr-bg-glow-opacity: 0;
}

/* Le fond de page suit le nouveau design (au cas où la règle
   html[data-theme] body de tokens.css l'emporte). */
html[data-theme] body,
body {
  background: var(--gs-bg, #f7f8fc);
  color: var(--gr-text);
}

/* Les pastilles/dots « live » dorées suivent l'indigo */
.gr-live-dot.gold {
  background: var(--gr-gold);
  box-shadow: 0 0 10px rgba(79, 70, 229, 0.5);
}

/* Le dégradé doré des titres d'accent → indigo plat (lisible sur clair) */
.gr-gold-grad {
  background: none !important;
  color: var(--gr-gold) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Boutons : ombre d'accent recolorée */
.gr-btn-primary:hover {
  box-shadow: 0 4px 16px rgba(79, 70, 229, 0.3) !important;
}

/* Scrollbar claire cohérente */
::-webkit-scrollbar-thumb {
  background: #dcdfe9;
}