/* ── Juango Admin – Custom Skin ─────────────────────────────────────────────
   Reemplaza backpack-color-palette.css + glass.css + fuzzy-background.css
   Paleta: rojo Juango como primary, grises neutros, fondos sólidos.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Light mode ─────────────────────────────────────────────────────────── */
:root,
[data-bs-theme=light],
[data-menu-theme=light] {

    /* Primary → rojo Juango */
    --tblr-primary:                  #c0392b;
    --tblr-primary-rgb:              192, 57, 43;
    --tblr-tabler:                   #c0392b;
    --tblr-tabler-rgb:               192, 57, 43;
    --tblr-link-color:               #c0392b;
    --tblr-link-color-rgb:           192, 57, 43;
    --tblr-link-hover-color:         #96281b;
    --tblr-link-hover-color-rgb:     150, 40, 27;
    --tblr-primary-text-emphasis:    #7a1a10;
    --tblr-primary-bg-subtle:        #fde8e6;
    --tblr-primary-border-subtle:    #f0b3ae;
    --tblr-focus-ring-color:         rgba(192, 57, 43, .25);
    --bg-switch-checked-color:       var(--tblr-primary);
    --tblr-navbar-active-bg:         rgba(192, 57, 43, 0.10);

    /* Grises neutros (sin tinte púrpura) */
    --tblr-gray:           #6c757d;
    --tblr-gray-dark:      #343a40;
    --tblr-gray-100:       #f8f9fa;
    --tblr-gray-200:       #e9ecef;
    --tblr-gray-300:       #dee2e6;
    --tblr-gray-400:       #ced4da;
    --tblr-gray-500:       #adb5bd;
    --tblr-gray-600:       #6c757d;
    --tblr-gray-700:       #495057;
    --tblr-gray-800:       #343a40;
    --tblr-gray-900:       #212529;

    /* Cuerpo y superficies */
    --tblr-body-color:           #212529;
    --tblr-body-color-rgb:       33, 37, 41;
    --tblr-body-bg:              #f4f6fa;
    --tblr-body-bg-rgb:          244, 246, 250;
    --tblr-secondary-color:      rgba(33, 37, 41, .65);
    --tblr-secondary-color-rgb:  33, 37, 41;
    --tblr-tertiary-color:       rgba(33, 37, 41, .40);
    --tblr-tertiary-color-rgb:   33, 37, 41;
    --tblr-secondary-bg:         #e9ecef;
    --tblr-secondary-bg-rgb:     233, 236, 239;
    --tblr-tertiary-bg:          #f8f9fa;
    --tblr-tertiary-bg-rgb:      248, 249, 250;

    /* Sin efecto vidrio: superficies sólidas */
    --tblr-bg-surface:              #ffffff;
    --tblr-bg-surface-tertiary:     #f8f9fa;
    --tblr-bg-surface-border:       none;
    --tblr-bg-surface-shadow:       0 1px 4px rgba(0, 0, 0, 0.07);
    --tblr-bg-surface-backdrop:     none;
    --tblr-bg-surface-backdrop-webkit: none;

    /* Bordes */
    --tblr-border-color:             #e2e6ea;
    --tblr-border-color-translucent: rgba(0, 0, 0, 0.07);

    /* Colores de estado */
    --tblr-secondary:     #6c757d;
    --tblr-secondary-rgb: 108, 117, 125;
    --tblr-muted:         #6c757d;
    --tblr-muted-rgb:     108, 117, 125;
    --tblr-dark:          #212529;
    --tblr-dark-rgb:      33, 37, 41;
    --tblr-light:         #f8f9fa;
    --tblr-light-rgb:     248, 249, 250;
    --tblr-success:       #2e9e6b;
    --tblr-success-rgb:   46, 158, 107;
    --tblr-info:          #3b82c4;
    --tblr-info-rgb:      59, 130, 196;
    --tblr-warning:       #e8a219;
    --tblr-warning-rgb:   232, 162, 25;
    --tblr-danger:        #c0392b;
    --tblr-danger-rgb:    192, 57, 43;
    --tblr-danger-text:   var(--tblr-danger);

    /* Tablas sin vidrio */
    --tblr-table-striped-bg: rgba(0, 0, 0, 0.025) !important;
    --tblr-table-bg-typed:   rgba(0, 0, 0, 0.025) !important;
}

/* ── Dark mode ──────────────────────────────────────────────────────────── */
[data-bs-theme=dark],
[data-menu-theme=dark] {

    /* Primary → rojo levemente más claro para contraste en oscuro */
    --tblr-primary:              #e05444;
    --tblr-primary-rgb:          224, 84, 68;
    --tblr-tabler:               #e05444;
    --tblr-tabler-rgb:           224, 84, 68;
    --tblr-link-color:           #e05444;
    --tblr-link-color-rgb:       224, 84, 68;
    --tblr-link-hover-color:     #ea7060;
    --tblr-link-hover-color-rgb: 234, 112, 96;
    --tblr-primary-text-emphasis: #ea8f82;
    --tblr-primary-bg-subtle:    #3a1512;
    --tblr-primary-border-subtle:#6a2520;
    --tblr-focus-ring-color:     rgba(224, 84, 68, .25);
    --bg-switch-checked-color:   var(--tblr-primary);
    --tblr-navbar-active-bg:     rgba(224, 84, 68, 0.15);

    /* Fondos oscuros limpios y neutros */
    --tblr-body-color:            #d1d5db;
    --tblr-body-color-rgb:        209, 213, 219;
    --tblr-body-bg:               #111317;
    --tblr-body-bg-rgb:           17, 19, 23;
    --tblr-bg-surface:            #1c1f26;
    --tblr-bg-surface-tertiary:   #ffffff02;
    --tblr-bg-main-color:         #111317;
    --tblr-bg-forms:              #252830;
    --tblr-secondary-bg:          #252830;
    --tblr-secondary-bg-rgb:      37, 40, 48;
    --tblr-tertiary-bg:           #1e2028;
    --tblr-tertiary-bg-rgb:       30, 32, 40;
    --tblr-border-color:          #2a2d38;
    --tblr-dark-mode-border-color:#2a2d38;
    --tblr-navbar-bg:             var(--tblr-bg-surface);
    --tblr-secondary-color:       rgba(209, 213, 219, .65);
    --tblr-tertiary-color:        rgba(209, 213, 219, .40);
    --tblr-emphasis-color:        #ffffff;
    --tblr-danger:                #e05444;
    --tblr-danger-rgb:            224, 84, 68;
    --tblr-danger-text:           var(--tblr-danger);
}

/* ── Fondos decorativos eliminados ──────────────────────────────────────── */
body {
    background: none;
    background-color: var(--tblr-body-bg) !important;
}

.page {
    background: transparent !important;
}

/* ── Sin efecto vidrio: solo quitar backdrop-filter, los colores vienen de variables ── */
[data-bs-theme=light] .card,
[data-bs-theme=light] .modal-content,
[data-bs-theme=light] .dropdown-menu:not(.navbar-vertical *) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[data-bs-theme=light] .table-striped > tbody > tr:nth-of-type(2n) > * {
    --tblr-table-bg-type: rgba(0, 0, 0, 0.025) !important;
}