/* ionic-utilities.css — GENERADO por scripts/build_ionic_utilities.py (no editar a mano).
 * Utilidades de color (surface* / fg / danger + marca/estado) usadas en plantillas, apoyadas
 * en tokens Ionic --ion-*. Regenerar: python scripts/build_ionic_utilities.py */

.bg-danger\/10 { background-color: color-mix(in oklab, var(--ion-color-danger) 10%, transparent); }
.bg-primary { background-color: var(--ion-color-primary); }
.bg-primary\/10 { background-color: color-mix(in oklab, var(--ion-color-primary) 10%, transparent); }
.bg-success { background-color: var(--ion-color-success); }
.bg-success\/10 { background-color: color-mix(in oklab, var(--ion-color-success) 10%, transparent); }
.bg-surface { background-color: var(--ion-background-color, #ffffff); }
.bg-surface-2 { background-color: var(--ion-color-step-50, #f4f5f8); }
.bg-surface-2\/40 { background-color: color-mix(in oklab, var(--ion-color-step-50, #f4f5f8) 40%, transparent); }
.bg-surface-2\/50 { background-color: color-mix(in oklab, var(--ion-color-step-50, #f4f5f8) 50%, transparent); }
.bg-surface-2\/60 { background-color: color-mix(in oklab, var(--ion-color-step-50, #f4f5f8) 60%, transparent); }
.bg-surface-3 { background-color: var(--ion-border-color, var(--ion-color-step-150, #e0e0e0)); }
.bg-surface-3\/50 { background-color: color-mix(in oklab, var(--ion-border-color, var(--ion-color-step-150, #e0e0e0)) 50%, transparent); }
.bg-warning\/10 { background-color: color-mix(in oklab, var(--ion-color-warning) 10%, transparent); }
.border-danger\/40 { border-color: color-mix(in oklab, var(--ion-color-danger) 40%, transparent); }
.border-fg\/20 { border-color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 20%, transparent); }
.border-primary { border-color: var(--ion-color-primary); }
.border-primary\/40 { border-color: color-mix(in oklab, var(--ion-color-primary) 40%, transparent); }
.border-surface-2 { border-color: var(--ion-color-step-50, #f4f5f8); }
.border-surface-3 { border-color: var(--ion-border-color, var(--ion-color-step-150, #e0e0e0)); }
.border-surface-3\/60 { border-color: color-mix(in oklab, var(--ion-border-color, var(--ion-color-step-150, #e0e0e0)) 60%, transparent); }
.border-warning\/40 { border-color: color-mix(in oklab, var(--ion-color-warning) 40%, transparent); }
.divide-surface-3 > :not([hidden]) ~ :not([hidden]) { border-color: var(--ion-border-color, var(--ion-color-step-150, #e0e0e0)); }
.divide-surface-3\/60 > :not([hidden]) ~ :not([hidden]) { border-color: color-mix(in oklab, var(--ion-border-color, var(--ion-color-step-150, #e0e0e0)) 60%, transparent); }
.hover\:bg-danger\/10:hover { background-color: color-mix(in oklab, var(--ion-color-danger) 10%, transparent); }
.hover\:bg-surface-2:hover { background-color: var(--ion-color-step-50, #f4f5f8); }
.hover\:bg-surface-2\/40:hover { background-color: color-mix(in oklab, var(--ion-color-step-50, #f4f5f8) 40%, transparent); }
.hover\:bg-surface-2\/50:hover { background-color: color-mix(in oklab, var(--ion-color-step-50, #f4f5f8) 50%, transparent); }
.hover\:bg-surface-2\/60:hover { background-color: color-mix(in oklab, var(--ion-color-step-50, #f4f5f8) 60%, transparent); }
.hover\:border-primary:hover { border-color: var(--ion-color-primary); }
.hover\:border-primary\/50:hover { border-color: color-mix(in oklab, var(--ion-color-primary) 50%, transparent); }
.hover\:ring-primary\/30:hover { --tw-ring-color: color-mix(in oklab, var(--ion-color-primary) 30%, transparent); }
.hover\:text-fg:hover { color: var(--ion-text-color, #1c1b18); }
.hover\:text-primary:hover { color: var(--ion-color-primary); }
.text-danger { color: var(--ion-color-danger); }
.text-danger\/60 { color: color-mix(in oklab, var(--ion-color-danger) 60%, transparent); }
.text-fg { color: var(--ion-text-color, #1c1b18); }
.text-fg\/30 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 30%, transparent); }
.text-fg\/40 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 40%, transparent); }
.text-fg\/45 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 45%, transparent); }
.text-fg\/50 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 50%, transparent); }
.text-fg\/55 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 55%, transparent); }
.text-fg\/60 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 60%, transparent); }
.text-fg\/65 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 65%, transparent); }
.text-fg\/70 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 70%, transparent); }
.text-fg\/75 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 75%, transparent); }
.text-fg\/80 { color: color-mix(in oklab, var(--ion-text-color, #1c1b18) 80%, transparent); }
.text-info { color: var(--ion-color-info); }
.text-primary { color: var(--ion-color-primary); }
.text-primary-content { color: var(--ion-color-primary-contrast, #ffffff); }
.text-success { color: var(--ion-color-success); }
.text-warning { color: var(--ion-color-warning); }
.text-warning-content { color: var(--ion-color-warning-contrast, #1c1b18); }