/* ==========================================================================
   couleurs.css : passe couleurs du 08/10/2026 (recommandations validées par Kévin)
   1. Notifications lisibles   2. Un seul accent, le cyan de la charte   3. Cyan foncé quand il sert
   de texte en thème clair     4. Badges et textes colorés sur un même modèle
   Chargée en DERNIER (app.html) : retirer la ligne suffit à revenir en arrière.
   Préfixe "html:root:not(.sans-theme):not(.sans-theme-bis)" (toujours vrai) : priorité supérieure aux règles de thème
   "html:root.light:not(.sans-theme) .text-…" et aux couleurs de texte posées sur les enfants des boutons.
   Mesure avant / après : .claude/scripts/audit-couleurs.mjs (contraste réel, toutes vues, deux thèmes).
   Seuil visé : 4,5:1 pour le texte (WCAG AA).
   ========================================================================== */

html:root:not(.sans-theme):not(.sans-theme-bis) {
    --c-accent: var(--gi-cyan, #009FE3);          /* fond des actions : texte noir 7,1:1 */
    --c-accent-survol: #0088c7;                   /* texte noir 5,4:1 */
    --c-sur-accent: #000000;
    /* Couleurs sémantiques : fonds pleins (texte blanc ≥ 5:1) et traits en thème clair */
    --c-ok: #047857;  --c-info: #0076A8;  --c-alerte: #b45309;  --c-erreur: #b91c1c;
    /* Texte coloré : teintes claires en thème sombre */
    --c-txt-ok: #34d399;  --c-txt-info: #4cc0f0;  --c-txt-alerte: #fbbf24;  --c-txt-erreur: #f87171;
}
html:root.light:not(.sans-theme) {
    /* Texte coloré en thème clair : teintes 800, ≥ 5,5:1 sur blanc ET sur les fonds pâles des badges
       (les teintes 700 tombaient entre 3,99 et 4,45:1 sur ces fonds, mesuré le 08/10/2026) */
    --c-txt-ok: #065f46;  --c-txt-info: #005a80;  --c-txt-alerte: #92400e;  --c-txt-erreur: #991b1b;
}

/* --------------------------------------------------------------------------
   1. NOTIFICATIONS (shopflow-app.js showNotification pose .notif et .notif-<type>)
   Avant : texte du thème sur fond saturé, 2,65 à 3,54:1 en clair, 2,81:1 (avertissement) en sombre.
   Sombre : fond plein foncé, texte blanc. Clair : fond blanc, liseré et icône de couleur.
   -------------------------------------------------------------------------- */
#notification-container > .notif { --n: var(--c-info); }
#notification-container > .notif-success { --n: var(--c-ok); }
#notification-container > .notif-warning { --n: var(--c-alerte); }
#notification-container > .notif-error { --n: var(--c-erreur); }
#notification-container > .notif {
    background: var(--n) !important;
    color: #ffffff !important;
    filter: none !important;
}
#notification-container > .notif :is(span, p, button, svg, i) { color: #ffffff !important; }
html:root.light:not(.sans-theme) #notification-container > .notif {
    background: #ffffff !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
    border-left: 4px solid var(--n) !important;
    box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.35) !important;
}
html:root.light:not(.sans-theme) #notification-container > .notif :is(span, p) { color: var(--text-primary) !important; }
html:root.light:not(.sans-theme) #notification-container > .notif .flex.items-center > svg { color: var(--n) !important; }
html:root.light:not(.sans-theme) #notification-container > .notif > div > button,
html:root.light:not(.sans-theme) #notification-container > .notif > div > button svg { color: var(--text-tertiary) !important; }
html:root.light:not(.sans-theme) #notification-container > .notif .notif-action-btn {
    background: color-mix(in srgb, var(--n) 12%, #ffffff) !important;
    color: var(--n) !important;
}

/* --------------------------------------------------------------------------
   2. UN SEUL ACCENT : toute action colorée prend le cyan de la charte, texte noir.
   Avant : orange (texte blanc 3,44:1), bleu, violet, vert, jaune (2,94:1), dégradés ; 41 fonds
   de boutons distincts en clair. La suppression garde le rouge (.btn-danger, ou icône poubelle).
   -------------------------------------------------------------------------- */
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-500,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-600,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-700,
html:root:not(.sans-theme):not(.sans-theme-bis) button[class*="bg-gradient-to-"],
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-500,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-600,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-700,
html:root:not(.sans-theme):not(.sans-theme-bis) a[class*="bg-gradient-to-"],
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-500,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-600,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-700,
html:root:not(.sans-theme):not(.sans-theme-bis) label[class*="bg-gradient-to-"],
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-500,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-600,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-700,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"][class*="bg-gradient-to-"],
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-primary,
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-secondary {
    background: var(--c-accent) !important;
    background-image: none !important;
    color: var(--c-sur-accent) !important;
    border-color: transparent !important;
    box-shadow: 0 2px 8px rgba(0, 159, 227, 0.22) !important;
    filter: none !important;
}
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) button[class*="bg-gradient-to-"] :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) a[class*="bg-gradient-to-"] :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) label[class*="bg-gradient-to-"] :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-500 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-600 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-700 :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"][class*="bg-gradient-to-"] :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-primary :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6),
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-secondary :is(span, i, svg, p, div, strong, b, em, small, label, h1, h2, h3, h4, h5, h6) { color: inherit !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-red-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-blue-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-green-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-purple-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-orange-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-yellow-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-indigo-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-cyan-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-sky-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-teal-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-emerald-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-violet-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-pink-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-amber-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button.bg-lime-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) button[class*="bg-gradient-to-"]:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-red-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-blue-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-green-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-purple-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-orange-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-yellow-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-indigo-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-cyan-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-sky-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-teal-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-emerald-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-violet-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-pink-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-amber-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a.bg-lime-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) a[class*="bg-gradient-to-"]:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-red-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-blue-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-green-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-purple-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-orange-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-yellow-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-indigo-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-cyan-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-sky-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-teal-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-emerald-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-violet-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-pink-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-amber-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label.bg-lime-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) label[class*="bg-gradient-to-"]:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-red-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-blue-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-green-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-purple-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-orange-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-yellow-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-indigo-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-cyan-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-sky-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-teal-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-emerald-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-violet-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-pink-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-amber-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-500:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-600:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"].bg-lime-700:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) [role="button"][class*="bg-gradient-to-"]:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-primary:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-secondary:hover { background: var(--c-accent-survol) !important; }

/* Suppression : rouge, texte blanc 6,5:1 */
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-danger,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(button, a)[class*="bg-"]:has(> svg.lucide-trash-2, > svg.lucide-trash) {
    background: var(--c-erreur) !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(185, 28, 28, 0.22) !important;
}
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-danger :is(span, svg, i),
html:root:not(.sans-theme):not(.sans-theme-bis) :is(button, a)[class*="bg-"]:has(> svg.lucide-trash-2, > svg.lucide-trash) svg { color: #ffffff !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) .btn-danger:hover,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(button, a)[class*="bg-"]:has(> svg.lucide-trash-2, > svg.lucide-trash):hover { background: #991b1b !important; }

/* Cartes à fond dégradé saturé (statistiques, en-têtes de tarifs) : carte neutre, liseré cyan.
   Avant : texte clair sur cyan, 1,97 à 2,97:1. Barres de progression, avatars, vignettes et
   encadrés teintés (-900/..) ne sont pas concernés (pas de marge intérieure p-4 à p-8). */
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) {
    background: var(--bg-tertiary) !important;
    background-image: none !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary);
    border-top: 3px solid var(--c-accent) !important;
}
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) :is(.text-white, .text-on-surface, h2, h3, h4) { color: var(--text-primary) !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-blue-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-blue-200,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-purple-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-purple-200,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-green-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-green-200,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-orange-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-orange-200,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-red-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-red-200,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-cyan-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-cyan-200,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-indigo-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-indigo-200,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-yellow-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-yellow-200,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-gray-100,
html:root:not(.sans-theme):not(.sans-theme-bis) :is(div, section, header)[class*="bg-gradient-to-"][class*="from-"]:is(.p-4, .p-6, .p-8, .px-6):not([class*="-900/"]) .text-gray-200 { color: var(--text-tertiary) !important; }

/* --------------------------------------------------------------------------
   3. CYAN (et bleu, violet) EMPLOYÉ COMME TEXTE EN THÈME CLAIR : variante foncée #0076A8.
   Avant : #009FE3 sur blanc 2,97:1 ; après : 5,0:1.
   -------------------------------------------------------------------------- */
html:root.light:not(.sans-theme) .text-blue-300,
html:root.light:not(.sans-theme) .text-blue-400,
html:root.light:not(.sans-theme) .text-blue-500,
html:root.light:not(.sans-theme) .text-blue-600,
html:root.light:not(.sans-theme) .text-blue-700,
html:root.light:not(.sans-theme) .text-sky-300,
html:root.light:not(.sans-theme) .text-sky-400,
html:root.light:not(.sans-theme) .text-sky-500,
html:root.light:not(.sans-theme) .text-sky-600,
html:root.light:not(.sans-theme) .text-sky-700,
html:root.light:not(.sans-theme) .text-cyan-300,
html:root.light:not(.sans-theme) .text-cyan-400,
html:root.light:not(.sans-theme) .text-cyan-500,
html:root.light:not(.sans-theme) .text-cyan-600,
html:root.light:not(.sans-theme) .text-cyan-700,
html:root.light:not(.sans-theme) .text-indigo-300,
html:root.light:not(.sans-theme) .text-indigo-400,
html:root.light:not(.sans-theme) .text-indigo-500,
html:root.light:not(.sans-theme) .text-indigo-600,
html:root.light:not(.sans-theme) .text-indigo-700,
html:root.light:not(.sans-theme) .text-purple-300,
html:root.light:not(.sans-theme) .text-purple-400,
html:root.light:not(.sans-theme) .text-purple-500,
html:root.light:not(.sans-theme) .text-purple-600,
html:root.light:not(.sans-theme) .text-purple-700,
html:root.light:not(.sans-theme) .text-violet-300,
html:root.light:not(.sans-theme) .text-violet-400,
html:root.light:not(.sans-theme) .text-violet-500,
html:root.light:not(.sans-theme) .text-violet-600,
html:root.light:not(.sans-theme) .text-violet-700,
html:root.light:not(.sans-theme) a:not([class*="text-"]):not([class*="bg-"]):not(.tab-btn):not(.nav-link) { color: var(--c-txt-info) !important; }

/* --------------------------------------------------------------------------
   4. BADGES ET TEXTES COLORÉS : texte foncé de la même teinte en thème clair ; badges pleins
   (texte blanc ou noir sur fond saturé) passés en badges pâles, dans les deux thèmes.
   Avant : vert 1,84 à 3,32:1, ambre 1,42 à 1,59:1, rouge 3,95:1, badges pleins 2,94 à 3,68:1.
   -------------------------------------------------------------------------- */
html:root.light:not(.sans-theme) .text-green-300,
html:root.light:not(.sans-theme) .text-green-400,
html:root.light:not(.sans-theme) .text-green-500,
html:root.light:not(.sans-theme) .text-green-600,
html:root.light:not(.sans-theme) .text-green-700,
html:root.light:not(.sans-theme) .text-green-800,
html:root.light:not(.sans-theme) .text-emerald-300,
html:root.light:not(.sans-theme) .text-emerald-400,
html:root.light:not(.sans-theme) .text-emerald-500,
html:root.light:not(.sans-theme) .text-emerald-600,
html:root.light:not(.sans-theme) .text-emerald-700,
html:root.light:not(.sans-theme) .text-emerald-800,
html:root.light:not(.sans-theme) .text-teal-300,
html:root.light:not(.sans-theme) .text-teal-400,
html:root.light:not(.sans-theme) .text-teal-500,
html:root.light:not(.sans-theme) .text-teal-600,
html:root.light:not(.sans-theme) .text-teal-700,
html:root.light:not(.sans-theme) .text-teal-800,
html:root.light:not(.sans-theme) .text-lime-300,
html:root.light:not(.sans-theme) .text-lime-400,
html:root.light:not(.sans-theme) .text-lime-500,
html:root.light:not(.sans-theme) .text-lime-600,
html:root.light:not(.sans-theme) .text-lime-700,
html:root.light:not(.sans-theme) .text-lime-800 { color: var(--c-txt-ok) !important; }
html:root.light:not(.sans-theme) .text-yellow-300,
html:root.light:not(.sans-theme) .text-yellow-400,
html:root.light:not(.sans-theme) .text-yellow-500,
html:root.light:not(.sans-theme) .text-yellow-600,
html:root.light:not(.sans-theme) .text-yellow-700,
html:root.light:not(.sans-theme) .text-amber-300,
html:root.light:not(.sans-theme) .text-amber-400,
html:root.light:not(.sans-theme) .text-amber-500,
html:root.light:not(.sans-theme) .text-amber-600,
html:root.light:not(.sans-theme) .text-amber-700,
html:root.light:not(.sans-theme) .text-orange-300,
html:root.light:not(.sans-theme) .text-orange-400,
html:root.light:not(.sans-theme) .text-orange-500,
html:root.light:not(.sans-theme) .text-orange-600,
html:root.light:not(.sans-theme) .text-orange-700 { color: var(--c-txt-alerte) !important; }
html:root.light:not(.sans-theme) .text-red-300,
html:root.light:not(.sans-theme) .text-red-400,
html:root.light:not(.sans-theme) .text-red-500,
html:root.light:not(.sans-theme) .text-red-600,
html:root.light:not(.sans-theme) .text-red-700,
html:root.light:not(.sans-theme) .text-red-800,
html:root.light:not(.sans-theme) .text-rose-300,
html:root.light:not(.sans-theme) .text-rose-400,
html:root.light:not(.sans-theme) .text-rose-500,
html:root.light:not(.sans-theme) .text-rose-600,
html:root.light:not(.sans-theme) .text-rose-700,
html:root.light:not(.sans-theme) .text-rose-800,
html:root.light:not(.sans-theme) .text-pink-300,
html:root.light:not(.sans-theme) .text-pink-400,
html:root.light:not(.sans-theme) .text-pink-500,
html:root.light:not(.sans-theme) .text-pink-600,
html:root.light:not(.sans-theme) .text-pink-700,
html:root.light:not(.sans-theme) .text-pink-800 { color: var(--c-txt-erreur) !important; }

html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-green-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-green-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-emerald-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-emerald-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-teal-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-teal-600 { background: color-mix(in srgb, var(--c-ok) 15%, transparent) !important; color: var(--c-txt-ok) !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-blue-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-blue-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-sky-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-sky-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-cyan-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-cyan-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-indigo-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-indigo-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-purple-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-purple-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-violet-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-violet-600 { background: color-mix(in srgb, var(--c-info) 15%, transparent) !important; color: var(--c-txt-info) !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-yellow-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-yellow-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-amber-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-amber-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-orange-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-orange-600 { background: color-mix(in srgb, var(--c-alerte) 15%, transparent) !important; color: var(--c-txt-alerte) !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-red-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-red-600,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-rose-500,
html:root:not(.sans-theme):not(.sans-theme-bis) span.bg-rose-600 { background: color-mix(in srgb, var(--c-erreur) 15%, transparent) !important; color: var(--c-txt-erreur) !important; }

/* Badges de base de l'application (components.css) : couleurs fixes dans les deux thèmes
   (« Actif » 3,32:1, « Admin » 3,95:1 en clair, 3,70:1 en sombre) ; même modèle que ci-dessus. */
html:root:not(.sans-theme):not(.sans-theme-bis) .badge-success { background: color-mix(in srgb, var(--c-ok) 15%, transparent) !important; color: var(--c-txt-ok) !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) .badge-info    { background: color-mix(in srgb, var(--c-info) 15%, transparent) !important; color: var(--c-txt-info) !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) .badge-warning { background: color-mix(in srgb, var(--c-alerte) 15%, transparent) !important; color: var(--c-txt-alerte) !important; }
html:root:not(.sans-theme):not(.sans-theme-bis) .badge-error   { background: color-mix(in srgb, var(--c-erreur) 15%, transparent) !important; color: var(--c-txt-erreur) !important; }

/* Thème sombre : textes colorés de teinte 500-600 sur fond sombre (« Actif » 4,48:1) */
html:root.dark:not(.sans-theme) .text-green-500, html:root.dark:not(.sans-theme) .text-green-600, html:root.dark:not(.sans-theme) .text-emerald-500, html:root.dark:not(.sans-theme) .text-emerald-600, html:root.dark:not(.sans-theme) .text-teal-500, html:root.dark:not(.sans-theme) .text-teal-600 { color: var(--c-txt-ok) !important; }
html:root.dark:not(.sans-theme) .text-red-500, html:root.dark:not(.sans-theme) .text-red-600, html:root.dark:not(.sans-theme) .text-rose-500, html:root.dark:not(.sans-theme) .text-rose-600 { color: var(--c-txt-erreur) !important; }
html:root.dark:not(.sans-theme) .text-yellow-500, html:root.dark:not(.sans-theme) .text-yellow-600, html:root.dark:not(.sans-theme) .text-amber-500, html:root.dark:not(.sans-theme) .text-amber-600, html:root.dark:not(.sans-theme) .text-orange-500, html:root.dark:not(.sans-theme) .text-orange-600 { color: var(--c-txt-alerte) !important; }

/* Thème sombre : cellules de tableau en texte quasi noir imposé (activité récente, 1,13:1) */
html:root.dark:not(.sans-theme) :is(td, th):is(.text-gray-900, .text-gray-800) { color: var(--text-primary) !important; }

/* Thème clair : gris très clair posé sur une surface claire (carte « Rapports », 1,03:1) */
html:root.light:not(.sans-theme) :is(.bg-surface, .bg-surface-hover, .bg-surface-inset, .bg-surface-base, .card-bg) :is(.text-gray-100, .text-gray-200, .text-gray-300) { color: var(--text-secondary) !important; }

/* Thème sombre : boutons-icônes et liens bleus ou violets (« Stats », « Modifier », « Détails ») ramenés
   à l'accent unique, comme en thème clair (gi-utilities.css y ramène déjà bleu, violet et indigo). */
html:root.dark:not(.sans-theme) .text-blue-300, html:root.dark:not(.sans-theme) .text-blue-400, html:root.dark:not(.sans-theme) .text-blue-500, html:root.dark:not(.sans-theme) .text-blue-600, html:root.dark:not(.sans-theme) .text-sky-300, html:root.dark:not(.sans-theme) .text-sky-400, html:root.dark:not(.sans-theme) .text-sky-500, html:root.dark:not(.sans-theme) .text-sky-600, html:root.dark:not(.sans-theme) .text-indigo-300, html:root.dark:not(.sans-theme) .text-indigo-400, html:root.dark:not(.sans-theme) .text-indigo-500, html:root.dark:not(.sans-theme) .text-indigo-600, html:root.dark:not(.sans-theme) .text-purple-300, html:root.dark:not(.sans-theme) .text-purple-400, html:root.dark:not(.sans-theme) .text-purple-500, html:root.dark:not(.sans-theme) .text-purple-600, html:root.dark:not(.sans-theme) .text-violet-300, html:root.dark:not(.sans-theme) .text-violet-400, html:root.dark:not(.sans-theme) .text-violet-500, html:root.dark:not(.sans-theme) .text-violet-600 { color: var(--c-txt-info) !important; }