/* ============================================================
   THEME: MATILBEACH (marca — azul marino + dorado)
   Solo variables de color y sombra.
   La estructura está en admin-base.css
   ============================================================ */

:root {
    /* Fondo y superficie */
    --bg-main:              #eef2f8;
    --card-bg:              #ffffff;
    --border:               #dde4ef;
    --shadow:               0 2px 10px rgba(22,48,92,0.08);

    /* Texto */
    --text-main:            #1b2a47;
    --text-muted:           #64728c;

    /* Acento principal — azul marino (legible para una herramienta) */
    --accent:               #16305c;
    --accent-hover:         #1f3f75;
    --accent-focus:         rgba(22,48,92,0.20);

    /* Sidebar — azul marino con el ítem activo en dorado */
    --sidebar-bg:           #16305c;
    --sidebar-border:       #22406e;
    --sidebar-text:         #eef3fb;
    --sidebar-link:         #c4d0e6;
    --sidebar-hover-bg:     #1f3f75;
    --sidebar-hover-text:   #ffffff;
    --sidebar-active-bg:    #c1972f;
    --sidebar-active-text:  #16305c;
    --sidebar-section-title:#7e91b8;

    /* Header */
    --header-bg:            #ffffff;
    --header-border:        #dde4ef;
    --header-text:          #1b2a47;
    --header-user-text:     #64728c;

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

    /* Tabla */
    --table-header-bg:      #f2f5fb;
    --table-row-hover:      #eef2f8;

    /* Tabs */
    --tab-bg:               #e6ebf5;
    --tab-text:             #3a4a6b;
    --tab-hover-bg:         #d5deee;
    --tab-hover-text:       #16305c;

    /* Botones semánticos */
    --btn-edit-bg:          #c1972f;
    --btn-edit-hover:       #a67e22;
    --btn-success-bg:       #16a34a;
    --btn-success-hover:    #15803d;
    --btn-danger-bg:        #dc2626;
    --btn-danger-hover:     #b91c1c;
    --btn-info-bg:          #2563a8;
    --btn-info-hover:       #1d4e86;
    --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:     #d1fae5;
    --alert-success-text:   #065f46;
    --alert-success-border: #10b981;
    --alert-error-bg:       #fee2e2;
    --alert-error-text:     #b91c1c;
    --alert-error-border:   #ef4444;
    --alert-info-bg:        #dbe7f7;
    --alert-info-text:      #16305c;
    --alert-info-border:    #2563a8;
    --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:       #fbf3dc;
    --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:     #eef2f8;
    --badge-cerrada-text:   #64728c;
}
