/* ============================================================
   THEME: HYBRID
   Sidebar/header oscuros, contenido claro.
   Solo variables de color y sombra.
   La estructura está en admin-base.css
   ============================================================ */

:root {
    /* Fondo y superficie */
    --bg-main:              #f3f4f6;
    --card-bg:              #ffffff;
    --border:               #e5e7eb;
    --shadow:               0 2px 8px rgba(0,0,0,0.08);

    /* Texto */
    --text-main:            #1f2937;
    --text-muted:           #6b7280;

    /* Acento principal */
    --accent:               #2563eb;
    --accent-hover:         #1d4ed8;
    --accent-focus:         rgba(37,99,235,0.2);

    /* Sidebar — oscuro */
    --sidebar-bg:           #1e1f22;
    --sidebar-border:       rgba(255,255,255,0.06);
    --sidebar-text:         #e5e5e5;
    --sidebar-link:         #dcdcdc;
    --sidebar-hover-bg:     rgba(255,255,255,0.07);
    --sidebar-hover-text:   #ffffff;
    --sidebar-active-bg:    rgba(255,255,255,0.13);
    --sidebar-active-text:  #ffffff;
    --sidebar-section-title:#6b7280;

    /* Header — oscuro */
    --header-bg:            #111827;
    --header-border:        #374151;
    --header-text:          #f9fafb;
    --header-user-text:     #d1d5db;

    /* Inputs */
    --input-bg:             #ffffff;
    --input-border:         #d1d5db;

    /* Tabla */
    --table-header-bg:      #f9fafb;
    --table-row-hover:      #f3f4f6;

    /* Tabs — oscuros (en contexto de config) */
    --tab-bg:               #1e1e1e;
    --tab-text:             #cccccc;
    --tab-hover-bg:         #2a2a2a;
    --tab-hover-text:       #ffffff;

    /* Botones semánticos */
    --btn-edit-bg:          #c79a00;
    --btn-edit-hover:       #a88400;
    --btn-success-bg:       #16a34a;
    --btn-success-hover:    #15803d;
    --btn-danger-bg:        #dc2626;
    --btn-danger-hover:     #b91c1c;
    --btn-info-bg:          #0284c7;
    --btn-info-hover:       #0369a1;
    --btn-secondary-bg:     #6b7280;
    --btn-secondary-text:   #ffffff;
    --btn-secondary-hover:  #4b5563;
    --btn-disabled-bg:      #d1d5db;
    --btn-disabled-text:    #9ca3af;

    /* Badges de estado */
    --badge-success-bg:     #d1fae5;
    --badge-success-text:   #065f46;
    --badge-warning-bg:     #fef3c7;
    --badge-warning-text:   #92400e;
    --badge-danger-bg:      #fee2e2;
    --badge-danger-text:    #b91c1c;

    /* Alertas */
    --alert-success-bg:     #e6f4ea;
    --alert-success-text:   #256029;
    --alert-success-border: #b5ddb0;
    --alert-error-bg:       #fdecea;
    --alert-error-text:     #b71c1c;
    --alert-error-border:   #f5c6cb;
    --alert-info-bg:        #dbeafe;
    --alert-info-text:      #1e40af;
    --alert-info-border:    #3b82f6;
    --alert-warning-bg:     #fef3c7;
    --alert-warning-text:   #92400e;
    --alert-warning-border: #f59e0b;

    /* Filas contables */
    --row-ingreso-bg:       #e8f7e8;
    --row-ingreso-text:     #1a7f1a;
    --row-egreso-bg:        #fde8e8;
    --row-egreso-text:      #b91c1c;
    --row-reserva-bg:       #fff7d6;
    --row-reserva-text:     #8a6d00;
    /* Filas coloreadas — reservas */
    --fila-amarilla-bg:     #fffbeb;
    --fila-amarilla-text:   #78350f;
    --fila-roja-bg:         #fff1f2;
    --fila-roja-text:       #881337;

    /* Badge cerrada */
    --badge-cerrada-bg:     #e5e7eb;
    --badge-cerrada-text:   #6b7280;
}