/* ============================================================
   Arc CRM — Mode sombre / mode clair (2026-10-12, demande explicite).

   Comment ça marche :
   - Par défaut (aucun choix enregistré), l'application suit le réglage du
     SYSTÈME d'exploitation (@media prefers-color-scheme) — jamais imposé.
   - Un clic sur le bouton du bandeau (voir layouts/app.php et auth.php)
     force un thème précis, mémorisé dans le navigateur (localStorage,
     posé TRÈS tôt — avant le premier rendu — par le script `theme-init`
     inline de chaque layout, pour ne jamais voir un flash de thème inversé
     à l'ouverture d'une page).
   - Rien ne touche aux centaines de vues une par une : les classes Tailwind
     déjà posées partout (bg-white, text-gray-600, bg-green-50…) sont
     redéfinies ICI, au même point unique, pour l'état sombre — jamais un
     `dark:` à ajouter manuellement par écran. `!important` est nécessaire
     partout : le CDN Tailwind injecte son propre style à l'exécution, dans
     un ordre non garanti par rapport à cette feuille.

   Ce que ce fichier NE PEUT PAS couvrir : les graphiques dessinés sur
   <canvas> (Chart.js) choisissent leurs couleurs en JavaScript, pas en CSS
   — ils restent sur leur palette d'origine en mode sombre (lisibles, juste
   pas re-teintés).
   ============================================================ */

/* ── Jetons neutres (fond/texte/bordure) — réutilisés par toutes les règles
   ci-dessous : changer le mode sombre se fait ICI, à un seul endroit. Les
   DEUX blocs (média + attribut) doivent rester identiques : le premier
   couvre « système sombre, aucun choix », le second « sombre forcé ». */
:root{
  --surf:#ffffff; --surf-alt:#f9fafb; --surf-raised:#f3f4f6; --surf-hover:#f9fafb;
  --bd:#e5e7eb; --bd-soft:#f3f4f6; --bd-strong:#d1d5db;
  --tx-strong:#1f2937; --tx:#374151; --tx-soft:#4b5563; --tx-muted:#6b7280; --tx-faint:#9ca3af;
  --body-bg:#f3f4f6;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --surf:#141a30; --surf-alt:#0d1224; --surf-raised:#1b2240; --surf-hover:#202848;
    --bd:#2a3252; --bd-soft:#1f2642; --bd-strong:#3a4468;
    --tx-strong:#eef0f6; --tx:#cbd0e3; --tx-soft:#b3b9d1; --tx-muted:#8d93ad; --tx-faint:#656b8c;
    --body-bg:#0a0e1c;
  }
}
:root[data-theme="dark"]{
  --surf:#141a30; --surf-alt:#0d1224; --surf-raised:#1b2240; --surf-hover:#202848;
  --bd:#2a3252; --bd-soft:#1f2642; --bd-strong:#3a4468;
  --tx-strong:#eef0f6; --tx:#cbd0e3; --tx-soft:#b3b9d1; --tx-muted:#8d93ad; --tx-faint:#656b8c;
  --body-bg:#0a0e1c;
}

/* ── Interrupteur de thème (bandeau + écran de connexion) : l'icône du choix actif passe en vert marque. ──────────────── */
[data-theme-set][data-active="true"] i{ color:#39B54A !important; }

html{ background:var(--body-bg); }
body.bg-gray-100, body.bg-gray-50{ background-color:var(--body-bg) !important; color:var(--tx) !important; }

/* ── Surfaces (cartes, panneaux, en-têtes, modales) ─────────────────── */
.bg-white{ background-color:var(--surf) !important; }
.bg-gray-50{ background-color:var(--surf-alt) !important; }
.bg-gray-100{ background-color:var(--surf-raised) !important; }
.bg-gray-200{ background-color:var(--surf-hover) !important; }
.bg-gray-300{ background-color:var(--bd-strong) !important; }
.hover\:bg-gray-50:hover{ background-color:var(--surf-hover) !important; }
.hover\:bg-gray-100:hover{ background-color:var(--surf-raised) !important; }
.hover\:bg-gray-200:hover{ background-color:var(--bd-strong) !important; }
.bg-gray-50\/60{ background-color:color-mix(in srgb, var(--surf-alt) 60%, transparent) !important; }
.arc-card, .arc-card-tight{ background-color:var(--surf) !important; }

/* ── Texte neutre ────────────────────────────────────────────────────── */
.text-gray-800, .text-gray-900{ color:var(--tx-strong) !important; }
.text-gray-700{ color:var(--tx) !important; }
.text-gray-600{ color:var(--tx-soft) !important; }
.text-gray-500{ color:var(--tx-muted) !important; }
.text-gray-400{ color:var(--tx-faint) !important; }
.text-gray-300{ color:var(--bd-strong) !important; }
.hover\:text-gray-600:hover{ color:var(--tx-soft) !important; }
.hover\:text-gray-700:hover{ color:var(--tx) !important; }
::placeholder{ color:var(--tx-faint); opacity:1; }

/* ── Bordures / séparateurs ──────────────────────────────────────────── */
.border-gray-50{ border-color:var(--bd-soft) !important; }
.border-gray-100{ border-color:var(--bd-soft) !important; }
.border-gray-200{ border-color:var(--bd) !important; }
.border-gray-300{ border-color:var(--bd-strong) !important; }
.divide-gray-50 > :not([hidden]) ~ :not([hidden]){ border-color:var(--bd-soft) !important; }
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){ border-color:var(--bd-soft) !important; }

/* ── Champs de saisie — la quasi-totalité des formulaires suivent
   `border rounded-lg px-3 py-2` sur fond blanc implicite + gris 200/300 :
   on bascule fond/texte/bordure et on indique au navigateur lui-même que
   le champ est sombre (curseur, auto-remplissage, calendrier natif…). ─── */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea{ color-scheme: light; }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  :root:not([data-theme="light"]) select,
  :root:not([data-theme="light"]) textarea{
    background-color:var(--surf-raised) !important; color:var(--tx-strong) !important; border-color:var(--bd-strong) !important;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea{
  background-color:var(--surf-raised) !important; color:var(--tx-strong) !important; border-color:var(--bd-strong) !important;
  color-scheme: dark;
}

/* ── Scrollbar (variante sombre du réglage « premium » de ux.css) ──── */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) ::-webkit-scrollbar-thumb{ background:linear-gradient(#2a3252,#1b2240); }
  :root:not([data-theme="light"]) ::-webkit-scrollbar-thumb:hover{ background:linear-gradient(#3a4468,#2a3252); }
}
:root[data-theme="dark"] ::-webkit-scrollbar-thumb{ background:linear-gradient(#2a3252,#1b2240); }
:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{ background:linear-gradient(#3a4468,#2a3252); }

/* ── Superpositions (fond noir des modales) — déjà sombres, juste un peu
   plus opaques pour mieux détacher une carte sombre par-dessus. ───────── */
.bg-black\/40{ background-color:rgba(0,0,0,.55) !important; }
.bg-black\/50{ background-color:rgba(0,0,0,.6) !important; }

/* ── Pastilles et bandeaux de couleur (statuts, succès/erreur/alerte/info…) :
   on garde la TEINTE (identité de la couleur — vert = approuvé, rouge =
   refusé…) mais en calque TRANSLUCIDE sur fond sombre, texte éclairci pour
   rester lisible : le pastel plein (bg-green-100 text-green-700, conçu pour
   un fond blanc) devient illisible tel quel sur une carte sombre. Ne touche
   QUE les teintes claires (50/100, et 200 pour les bordures) : les boutons
   pleins (bg-green-600, bg-red-600, bg-blue-800…) et les pastilles de statut
   (bg-green-500…) restent inchangés — déjà saturés, déjà lisibles en blanc
   sur les deux fonds. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .bg-green-50{ background-color:rgba(34,197,94,.10) !important; }
  :root:not([data-theme="light"]) .bg-green-100{ background-color:rgba(34,197,94,.16) !important; }
  :root:not([data-theme="light"]) .border-green-100{ border-color:rgba(34,197,94,.3) !important; }
  :root:not([data-theme="light"]) .border-green-200{ border-color:rgba(34,197,94,.4) !important; }
  :root:not([data-theme="light"]) .text-green-400{ color:#4ade80 !important; }
  :root:not([data-theme="light"]) .text-green-500{ color:#4ade80 !important; }
  :root:not([data-theme="light"]) .text-green-600{ color:#4ade80 !important; }
  :root:not([data-theme="light"]) .text-green-700{ color:#4ade80 !important; }
  :root:not([data-theme="light"]) .text-green-800{ color:#4ade80 !important; }
  :root:not([data-theme="light"]) .text-green-900{ color:#4ade80 !important; }
  :root:not([data-theme="light"]) .bg-emerald-50{ background-color:rgba(16,185,129,.10) !important; }
  :root:not([data-theme="light"]) .bg-emerald-100{ background-color:rgba(16,185,129,.16) !important; }
  :root:not([data-theme="light"]) .border-emerald-100{ border-color:rgba(16,185,129,.3) !important; }
  :root:not([data-theme="light"]) .border-emerald-200{ border-color:rgba(16,185,129,.4) !important; }
  :root:not([data-theme="light"]) .text-emerald-400{ color:#34d399 !important; }
  :root:not([data-theme="light"]) .text-emerald-500{ color:#34d399 !important; }
  :root:not([data-theme="light"]) .text-emerald-600{ color:#34d399 !important; }
  :root:not([data-theme="light"]) .text-emerald-700{ color:#34d399 !important; }
  :root:not([data-theme="light"]) .text-emerald-800{ color:#34d399 !important; }
  :root:not([data-theme="light"]) .text-emerald-900{ color:#34d399 !important; }
  :root:not([data-theme="light"]) .bg-red-50{ background-color:rgba(239,68,68,.10) !important; }
  :root:not([data-theme="light"]) .bg-red-100{ background-color:rgba(239,68,68,.16) !important; }
  :root:not([data-theme="light"]) .border-red-100{ border-color:rgba(239,68,68,.3) !important; }
  :root:not([data-theme="light"]) .border-red-200{ border-color:rgba(239,68,68,.4) !important; }
  :root:not([data-theme="light"]) .text-red-400{ color:#f87171 !important; }
  :root:not([data-theme="light"]) .text-red-500{ color:#f87171 !important; }
  :root:not([data-theme="light"]) .text-red-600{ color:#f87171 !important; }
  :root:not([data-theme="light"]) .text-red-700{ color:#f87171 !important; }
  :root:not([data-theme="light"]) .text-red-800{ color:#f87171 !important; }
  :root:not([data-theme="light"]) .text-red-900{ color:#f87171 !important; }
  :root:not([data-theme="light"]) .bg-amber-50{ background-color:rgba(245,158,11,.10) !important; }
  :root:not([data-theme="light"]) .bg-amber-100{ background-color:rgba(245,158,11,.16) !important; }
  :root:not([data-theme="light"]) .border-amber-100{ border-color:rgba(245,158,11,.3) !important; }
  :root:not([data-theme="light"]) .border-amber-200{ border-color:rgba(245,158,11,.4) !important; }
  :root:not([data-theme="light"]) .text-amber-400{ color:#fbbf24 !important; }
  :root:not([data-theme="light"]) .text-amber-500{ color:#fbbf24 !important; }
  :root:not([data-theme="light"]) .text-amber-600{ color:#fbbf24 !important; }
  :root:not([data-theme="light"]) .text-amber-700{ color:#fbbf24 !important; }
  :root:not([data-theme="light"]) .text-amber-800{ color:#fbbf24 !important; }
  :root:not([data-theme="light"]) .text-amber-900{ color:#fbbf24 !important; }
  :root:not([data-theme="light"]) .bg-yellow-50{ background-color:rgba(234,179,8,.10) !important; }
  :root:not([data-theme="light"]) .bg-yellow-100{ background-color:rgba(234,179,8,.16) !important; }
  :root:not([data-theme="light"]) .border-yellow-100{ border-color:rgba(234,179,8,.3) !important; }
  :root:not([data-theme="light"]) .border-yellow-200{ border-color:rgba(234,179,8,.4) !important; }
  :root:not([data-theme="light"]) .text-yellow-400{ color:#facc15 !important; }
  :root:not([data-theme="light"]) .text-yellow-500{ color:#facc15 !important; }
  :root:not([data-theme="light"]) .text-yellow-600{ color:#facc15 !important; }
  :root:not([data-theme="light"]) .text-yellow-700{ color:#facc15 !important; }
  :root:not([data-theme="light"]) .text-yellow-800{ color:#facc15 !important; }
  :root:not([data-theme="light"]) .text-yellow-900{ color:#facc15 !important; }
  :root:not([data-theme="light"]) .bg-blue-50{ background-color:rgba(59,130,246,.10) !important; }
  :root:not([data-theme="light"]) .bg-blue-100{ background-color:rgba(59,130,246,.16) !important; }
  :root:not([data-theme="light"]) .border-blue-100{ border-color:rgba(59,130,246,.3) !important; }
  :root:not([data-theme="light"]) .border-blue-200{ border-color:rgba(59,130,246,.4) !important; }
  :root:not([data-theme="light"]) .text-blue-400{ color:#60a5fa !important; }
  :root:not([data-theme="light"]) .text-blue-500{ color:#60a5fa !important; }
  :root:not([data-theme="light"]) .text-blue-600{ color:#60a5fa !important; }
  :root:not([data-theme="light"]) .text-blue-700{ color:#60a5fa !important; }
  :root:not([data-theme="light"]) .text-blue-800{ color:#60a5fa !important; }
  :root:not([data-theme="light"]) .text-blue-900{ color:#60a5fa !important; }
  :root:not([data-theme="light"]) .bg-sky-50{ background-color:rgba(14,165,233,.10) !important; }
  :root:not([data-theme="light"]) .bg-sky-100{ background-color:rgba(14,165,233,.16) !important; }
  :root:not([data-theme="light"]) .border-sky-100{ border-color:rgba(14,165,233,.3) !important; }
  :root:not([data-theme="light"]) .border-sky-200{ border-color:rgba(14,165,233,.4) !important; }
  :root:not([data-theme="light"]) .text-sky-400{ color:#38bdf8 !important; }
  :root:not([data-theme="light"]) .text-sky-500{ color:#38bdf8 !important; }
  :root:not([data-theme="light"]) .text-sky-600{ color:#38bdf8 !important; }
  :root:not([data-theme="light"]) .text-sky-700{ color:#38bdf8 !important; }
  :root:not([data-theme="light"]) .text-sky-800{ color:#38bdf8 !important; }
  :root:not([data-theme="light"]) .text-sky-900{ color:#38bdf8 !important; }
  :root:not([data-theme="light"]) .bg-orange-50{ background-color:rgba(249,115,22,.10) !important; }
  :root:not([data-theme="light"]) .bg-orange-100{ background-color:rgba(249,115,22,.16) !important; }
  :root:not([data-theme="light"]) .border-orange-100{ border-color:rgba(249,115,22,.3) !important; }
  :root:not([data-theme="light"]) .border-orange-200{ border-color:rgba(249,115,22,.4) !important; }
  :root:not([data-theme="light"]) .text-orange-400{ color:#fb923c !important; }
  :root:not([data-theme="light"]) .text-orange-500{ color:#fb923c !important; }
  :root:not([data-theme="light"]) .text-orange-600{ color:#fb923c !important; }
  :root:not([data-theme="light"]) .text-orange-700{ color:#fb923c !important; }
  :root:not([data-theme="light"]) .text-orange-800{ color:#fb923c !important; }
  :root:not([data-theme="light"]) .text-orange-900{ color:#fb923c !important; }
  :root:not([data-theme="light"]) .bg-purple-50{ background-color:rgba(168,85,247,.10) !important; }
  :root:not([data-theme="light"]) .bg-purple-100{ background-color:rgba(168,85,247,.16) !important; }
  :root:not([data-theme="light"]) .border-purple-100{ border-color:rgba(168,85,247,.3) !important; }
  :root:not([data-theme="light"]) .border-purple-200{ border-color:rgba(168,85,247,.4) !important; }
  :root:not([data-theme="light"]) .text-purple-400{ color:#c084fc !important; }
  :root:not([data-theme="light"]) .text-purple-500{ color:#c084fc !important; }
  :root:not([data-theme="light"]) .text-purple-600{ color:#c084fc !important; }
  :root:not([data-theme="light"]) .text-purple-700{ color:#c084fc !important; }
  :root:not([data-theme="light"]) .text-purple-800{ color:#c084fc !important; }
  :root:not([data-theme="light"]) .text-purple-900{ color:#c084fc !important; }
  :root:not([data-theme="light"]) .bg-indigo-50{ background-color:rgba(99,102,241,.10) !important; }
  :root:not([data-theme="light"]) .bg-indigo-100{ background-color:rgba(99,102,241,.16) !important; }
  :root:not([data-theme="light"]) .border-indigo-100{ border-color:rgba(99,102,241,.3) !important; }
  :root:not([data-theme="light"]) .border-indigo-200{ border-color:rgba(99,102,241,.4) !important; }
  :root:not([data-theme="light"]) .text-indigo-400{ color:#818cf8 !important; }
  :root:not([data-theme="light"]) .text-indigo-500{ color:#818cf8 !important; }
  :root:not([data-theme="light"]) .text-indigo-600{ color:#818cf8 !important; }
  :root:not([data-theme="light"]) .text-indigo-700{ color:#818cf8 !important; }
  :root:not([data-theme="light"]) .text-indigo-800{ color:#818cf8 !important; }
  :root:not([data-theme="light"]) .text-indigo-900{ color:#818cf8 !important; }
  :root:not([data-theme="light"]) .bg-slate-50{ background-color:rgba(100,116,139,.10) !important; }
  :root:not([data-theme="light"]) .bg-slate-100{ background-color:rgba(100,116,139,.16) !important; }
  :root:not([data-theme="light"]) .border-slate-100{ border-color:rgba(100,116,139,.3) !important; }
  :root:not([data-theme="light"]) .border-slate-200{ border-color:rgba(100,116,139,.4) !important; }
  :root:not([data-theme="light"]) .text-slate-400{ color:#94a3b8 !important; }
  :root:not([data-theme="light"]) .text-slate-500{ color:#94a3b8 !important; }
  :root:not([data-theme="light"]) .text-slate-600{ color:#94a3b8 !important; }
  :root:not([data-theme="light"]) .text-slate-700{ color:#94a3b8 !important; }
  :root:not([data-theme="light"]) .text-slate-800{ color:#94a3b8 !important; }
  :root:not([data-theme="light"]) .text-slate-900{ color:#94a3b8 !important; }
}
  :root[data-theme="dark"] .bg-green-50{ background-color:rgba(34,197,94,.10) !important; }
  :root[data-theme="dark"] .bg-green-100{ background-color:rgba(34,197,94,.16) !important; }
  :root[data-theme="dark"] .border-green-100{ border-color:rgba(34,197,94,.3) !important; }
  :root[data-theme="dark"] .border-green-200{ border-color:rgba(34,197,94,.4) !important; }
  :root[data-theme="dark"] .text-green-400{ color:#4ade80 !important; }
  :root[data-theme="dark"] .text-green-500{ color:#4ade80 !important; }
  :root[data-theme="dark"] .text-green-600{ color:#4ade80 !important; }
  :root[data-theme="dark"] .text-green-700{ color:#4ade80 !important; }
  :root[data-theme="dark"] .text-green-800{ color:#4ade80 !important; }
  :root[data-theme="dark"] .text-green-900{ color:#4ade80 !important; }
  :root[data-theme="dark"] .bg-emerald-50{ background-color:rgba(16,185,129,.10) !important; }
  :root[data-theme="dark"] .bg-emerald-100{ background-color:rgba(16,185,129,.16) !important; }
  :root[data-theme="dark"] .border-emerald-100{ border-color:rgba(16,185,129,.3) !important; }
  :root[data-theme="dark"] .border-emerald-200{ border-color:rgba(16,185,129,.4) !important; }
  :root[data-theme="dark"] .text-emerald-400{ color:#34d399 !important; }
  :root[data-theme="dark"] .text-emerald-500{ color:#34d399 !important; }
  :root[data-theme="dark"] .text-emerald-600{ color:#34d399 !important; }
  :root[data-theme="dark"] .text-emerald-700{ color:#34d399 !important; }
  :root[data-theme="dark"] .text-emerald-800{ color:#34d399 !important; }
  :root[data-theme="dark"] .text-emerald-900{ color:#34d399 !important; }
  :root[data-theme="dark"] .bg-red-50{ background-color:rgba(239,68,68,.10) !important; }
  :root[data-theme="dark"] .bg-red-100{ background-color:rgba(239,68,68,.16) !important; }
  :root[data-theme="dark"] .border-red-100{ border-color:rgba(239,68,68,.3) !important; }
  :root[data-theme="dark"] .border-red-200{ border-color:rgba(239,68,68,.4) !important; }
  :root[data-theme="dark"] .text-red-400{ color:#f87171 !important; }
  :root[data-theme="dark"] .text-red-500{ color:#f87171 !important; }
  :root[data-theme="dark"] .text-red-600{ color:#f87171 !important; }
  :root[data-theme="dark"] .text-red-700{ color:#f87171 !important; }
  :root[data-theme="dark"] .text-red-800{ color:#f87171 !important; }
  :root[data-theme="dark"] .text-red-900{ color:#f87171 !important; }
  :root[data-theme="dark"] .bg-amber-50{ background-color:rgba(245,158,11,.10) !important; }
  :root[data-theme="dark"] .bg-amber-100{ background-color:rgba(245,158,11,.16) !important; }
  :root[data-theme="dark"] .border-amber-100{ border-color:rgba(245,158,11,.3) !important; }
  :root[data-theme="dark"] .border-amber-200{ border-color:rgba(245,158,11,.4) !important; }
  :root[data-theme="dark"] .text-amber-400{ color:#fbbf24 !important; }
  :root[data-theme="dark"] .text-amber-500{ color:#fbbf24 !important; }
  :root[data-theme="dark"] .text-amber-600{ color:#fbbf24 !important; }
  :root[data-theme="dark"] .text-amber-700{ color:#fbbf24 !important; }
  :root[data-theme="dark"] .text-amber-800{ color:#fbbf24 !important; }
  :root[data-theme="dark"] .text-amber-900{ color:#fbbf24 !important; }
  :root[data-theme="dark"] .bg-yellow-50{ background-color:rgba(234,179,8,.10) !important; }
  :root[data-theme="dark"] .bg-yellow-100{ background-color:rgba(234,179,8,.16) !important; }
  :root[data-theme="dark"] .border-yellow-100{ border-color:rgba(234,179,8,.3) !important; }
  :root[data-theme="dark"] .border-yellow-200{ border-color:rgba(234,179,8,.4) !important; }
  :root[data-theme="dark"] .text-yellow-400{ color:#facc15 !important; }
  :root[data-theme="dark"] .text-yellow-500{ color:#facc15 !important; }
  :root[data-theme="dark"] .text-yellow-600{ color:#facc15 !important; }
  :root[data-theme="dark"] .text-yellow-700{ color:#facc15 !important; }
  :root[data-theme="dark"] .text-yellow-800{ color:#facc15 !important; }
  :root[data-theme="dark"] .text-yellow-900{ color:#facc15 !important; }
  :root[data-theme="dark"] .bg-blue-50{ background-color:rgba(59,130,246,.10) !important; }
  :root[data-theme="dark"] .bg-blue-100{ background-color:rgba(59,130,246,.16) !important; }
  :root[data-theme="dark"] .border-blue-100{ border-color:rgba(59,130,246,.3) !important; }
  :root[data-theme="dark"] .border-blue-200{ border-color:rgba(59,130,246,.4) !important; }
  :root[data-theme="dark"] .text-blue-400{ color:#60a5fa !important; }
  :root[data-theme="dark"] .text-blue-500{ color:#60a5fa !important; }
  :root[data-theme="dark"] .text-blue-600{ color:#60a5fa !important; }
  :root[data-theme="dark"] .text-blue-700{ color:#60a5fa !important; }
  :root[data-theme="dark"] .text-blue-800{ color:#60a5fa !important; }
  :root[data-theme="dark"] .text-blue-900{ color:#60a5fa !important; }
  :root[data-theme="dark"] .bg-sky-50{ background-color:rgba(14,165,233,.10) !important; }
  :root[data-theme="dark"] .bg-sky-100{ background-color:rgba(14,165,233,.16) !important; }
  :root[data-theme="dark"] .border-sky-100{ border-color:rgba(14,165,233,.3) !important; }
  :root[data-theme="dark"] .border-sky-200{ border-color:rgba(14,165,233,.4) !important; }
  :root[data-theme="dark"] .text-sky-400{ color:#38bdf8 !important; }
  :root[data-theme="dark"] .text-sky-500{ color:#38bdf8 !important; }
  :root[data-theme="dark"] .text-sky-600{ color:#38bdf8 !important; }
  :root[data-theme="dark"] .text-sky-700{ color:#38bdf8 !important; }
  :root[data-theme="dark"] .text-sky-800{ color:#38bdf8 !important; }
  :root[data-theme="dark"] .text-sky-900{ color:#38bdf8 !important; }
  :root[data-theme="dark"] .bg-orange-50{ background-color:rgba(249,115,22,.10) !important; }
  :root[data-theme="dark"] .bg-orange-100{ background-color:rgba(249,115,22,.16) !important; }
  :root[data-theme="dark"] .border-orange-100{ border-color:rgba(249,115,22,.3) !important; }
  :root[data-theme="dark"] .border-orange-200{ border-color:rgba(249,115,22,.4) !important; }
  :root[data-theme="dark"] .text-orange-400{ color:#fb923c !important; }
  :root[data-theme="dark"] .text-orange-500{ color:#fb923c !important; }
  :root[data-theme="dark"] .text-orange-600{ color:#fb923c !important; }
  :root[data-theme="dark"] .text-orange-700{ color:#fb923c !important; }
  :root[data-theme="dark"] .text-orange-800{ color:#fb923c !important; }
  :root[data-theme="dark"] .text-orange-900{ color:#fb923c !important; }
  :root[data-theme="dark"] .bg-purple-50{ background-color:rgba(168,85,247,.10) !important; }
  :root[data-theme="dark"] .bg-purple-100{ background-color:rgba(168,85,247,.16) !important; }
  :root[data-theme="dark"] .border-purple-100{ border-color:rgba(168,85,247,.3) !important; }
  :root[data-theme="dark"] .border-purple-200{ border-color:rgba(168,85,247,.4) !important; }
  :root[data-theme="dark"] .text-purple-400{ color:#c084fc !important; }
  :root[data-theme="dark"] .text-purple-500{ color:#c084fc !important; }
  :root[data-theme="dark"] .text-purple-600{ color:#c084fc !important; }
  :root[data-theme="dark"] .text-purple-700{ color:#c084fc !important; }
  :root[data-theme="dark"] .text-purple-800{ color:#c084fc !important; }
  :root[data-theme="dark"] .text-purple-900{ color:#c084fc !important; }
  :root[data-theme="dark"] .bg-indigo-50{ background-color:rgba(99,102,241,.10) !important; }
  :root[data-theme="dark"] .bg-indigo-100{ background-color:rgba(99,102,241,.16) !important; }
  :root[data-theme="dark"] .border-indigo-100{ border-color:rgba(99,102,241,.3) !important; }
  :root[data-theme="dark"] .border-indigo-200{ border-color:rgba(99,102,241,.4) !important; }
  :root[data-theme="dark"] .text-indigo-400{ color:#818cf8 !important; }
  :root[data-theme="dark"] .text-indigo-500{ color:#818cf8 !important; }
  :root[data-theme="dark"] .text-indigo-600{ color:#818cf8 !important; }
  :root[data-theme="dark"] .text-indigo-700{ color:#818cf8 !important; }
  :root[data-theme="dark"] .text-indigo-800{ color:#818cf8 !important; }
  :root[data-theme="dark"] .text-indigo-900{ color:#818cf8 !important; }
  :root[data-theme="dark"] .bg-slate-50{ background-color:rgba(100,116,139,.10) !important; }
  :root[data-theme="dark"] .bg-slate-100{ background-color:rgba(100,116,139,.16) !important; }
  :root[data-theme="dark"] .border-slate-100{ border-color:rgba(100,116,139,.3) !important; }
  :root[data-theme="dark"] .border-slate-200{ border-color:rgba(100,116,139,.4) !important; }
  :root[data-theme="dark"] .text-slate-400{ color:#94a3b8 !important; }
  :root[data-theme="dark"] .text-slate-500{ color:#94a3b8 !important; }
  :root[data-theme="dark"] .text-slate-600{ color:#94a3b8 !important; }
  :root[data-theme="dark"] .text-slate-700{ color:#94a3b8 !important; }
  :root[data-theme="dark"] .text-slate-800{ color:#94a3b8 !important; }
  :root[data-theme="dark"] .text-slate-900{ color:#94a3b8 !important; }