/* =======================================================================================
   VARIABLES DE PORTAL GENERAL (SaaS MULTI-TENANT)
   ======================================================================================= */

/* CONFIGURACIÓN SÓLO PARA: EL GREMIO */
.theme-elgremio {
    --bg-universal: #0b0b0b;
    --bg-box: #141414;
    --border-accent: #d4af37;
    --text-primary: #d4af37;
    --text-subtitle: #7a828a;
    --input-bg: #e8f0fe;
    --input-text: #000000;
    --btn-bg: #d4af37;
    --btn-text: #000000;
    --btn-hover: #bfa030;
    --table-text: #e5e5e5;
    --table-th: #7a828a;
    --review-bg: #1a1a1a;
}

/* CONFIGURACIÓN SÓLO PARA: ELY CLUB */
.theme-elyclub {
    --bg-universal: #f0f2f5;
    --bg-box: #ffffff;
    --border-accent: #1e3a8a;
    --text-primary: #1e3a8a;
    --text-subtitle: #3b82f6;
    --input-bg: #f8fafc;
    --input-text: #0f172a;
    --btn-bg: #1e3a8a;
    --btn-text: #ffffff;
    --btn-hover: #1d4ed8;
    --table-text: #1e293b;
    --table-th: #64748b;
    --review-bg: #f8fafc;
}

/* =======================================================================================
   ESTILOS GENERALES Y AGNÓSTICOS (Compilan en automático para cualquier marca)
   ======================================================================================= */
body { 
    background-color: var(--bg-universal) !important; 
    color: var(--table-text);
    font-family: system-ui, -apple-system, sans-serif;
}

/* Módulo Login */
.login-box {
    background-color: var(--bg-box);
    border: 1px solid var(--border-accent);
    border-radius: 8px;
}
.brand-title { color: var(--text-primary); font-size: 2rem; font-weight: 400; letter-spacing: 0.12em; }
.brand-subtitle { color: var(--text-subtitle); letter-spacing: 0.15em; }

.custom-input {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-radius: 0px !important;
}

/* Componentes del Dashboard Admin */
.custom-navbar { 
    background-color: var(--bg-box); 
    border-bottom: 1px solid var(--border-accent); 
}
.custom-navbar .navbar-brand { color: var(--text-primary) !important; }

.kpi-card { 
    background-color: var(--bg-box); 
    border: 1px solid var(--border-accent); 
    border-radius: 8px; 
}
.kpi-value { font-size: 2.2rem; font-weight: 700; color: var(--text-primary); }

.dashboard-section { 
    background-color: var(--bg-box); 
    border-radius: 12px; 
    border: 1px solid var(--border-accent); 
}
.title-accent { color: var(--text-primary); }

.btn-submit, .btn-action {
    background-color: var(--btn-bg) !important;
    color: var(--btn-text) !important;
    border: 1px solid var(--border-accent) !important;
    border-radius: 0px !important;
}
.btn-submit:hover, .btn-action:hover {
    background-color: var(--btn-hover) !important;
}

.custom-table { color: var(--table-text) !important; }
.custom-table th { color: var(--table-th); }
.review-box { background-color: var(--review-bg); border: 1px solid var(--border-accent) !important; }