/* Patch: clases success que faltan en el CSS compilado por Tailwind */
:root { --color-success: #16a34a; --color-on-success: #ffffff; }
html[data-theme='dark'] { --color-success: #4ade80; --color-on-success: #052e16; }

.bg-success { background-color: var(--color-success); }
.text-success { color: var(--color-success); }
.border-success { border-color: var(--color-success); }

.bg-success\/5  { background-color: color-mix(in oklab, var(--color-success)  5%, transparent); }
.bg-success\/10 { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); }
.bg-success\/20 { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); }
.bg-success\/90 { background-color: color-mix(in oklab, var(--color-success) 90%, transparent); }

.border-success\/20 { border-color: color-mix(in oklab, var(--color-success) 20%, transparent); }
.border-success\/30 { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); }
.border-success\/40 { border-color: color-mix(in oklab, var(--color-success) 40%, transparent); }

.hover\:bg-success\/90:hover { background-color: color-mix(in oklab, var(--color-success) 90%, transparent); }
.hover\:text-success\/70:hover { color: color-mix(in oklab, var(--color-success) 70%, transparent); }
.hover\:text-success:hover { color: var(--color-success); }

.h-1\.5.w-1\.5.rounded-full.bg-success { background-color: var(--color-success); }