/* ========================================================================
 * theme.css — Variables globales y reset ligero.
 * ======================================================================== */

:root {
    --app-body-bg: #f1f5f9;
    --app-content-bg: #ffffff;
    --app-text: #1e293b;
    --app-text-muted: #64748b;
    --app-border: #e2e8f0;
    --app-primary: #2563eb;
    --app-primary-hover: #1d4ed8;
    --app-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
    --app-shadow-hover: 0 4px 12px rgba(15, 23, 42, 0.08);
    --topbar-h: 60px;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--app-text);
    background: var(--app-body-bg);
    font-size: 14px;
}

.text-muted { color: var(--app-text-muted) !important; }

.btn { font-size: 14px; }
.form-label { font-weight: 500; font-size: 13px; color: #334155; margin-bottom: 4px; }
.form-control, .form-select { font-size: 14px; }

/* Tablas */
.table { font-size: 13px; }
.table thead th {
    background: #f8fafc;
    color: #475569;
    font-weight: 600;
    border-bottom: 2px solid var(--app-border);
}
.table tbody tr:hover { background: #f8fafc; }

/* Cards */
.card {
    border: 1px solid var(--app-border);
    box-shadow: var(--app-shadow);
}

/* Badges con colores semánticos */
.badge.bg-primary { background-color: #3b82f6 !important; }
.badge.bg-success { background-color: #10b981 !important; }
.badge.bg-info    { background-color: #06b6d4 !important; }
.badge.bg-warning { background-color: #f59e0b !important; color: #fff !important; }
.badge.bg-danger  { background-color: #ef4444 !important; }
.badge.bg-secondary { background-color: #6b7280 !important; }

/* SweetAlert tweaks */
.swal2-popup { font-size: 14px !important; }