/*
 * Para activarlo, pon en appsettings.json:
 *   "Theme": { "Name": "sg" }
 */

:root {
    /* Sidebar */
    --sidebar-width: 260px;
    --sidebar-active: #3b82f6;
    --sidebar-hover: #334155;
    --sidebar-bg: #1e293b;

    /* Colores generales */
    --topbar-height: 56px;

    /* Colores dashboard */
    --dashboard-card-border: #ef7623;
    --dashboard-card-bg: #ffffff;
    --dashboard-card-header-color: #ffffff;
    --dashboard-card-header-bg: #ef7623;
}

/* Modales */
/* Bootstrap 5.3 declara --bs-modal-header-border-color dentro de .modal,
   por lo que hay que sobreescribirlo en ese mismo selector (no en :root). */
.modal {
    --bs-modal-header-border-color: #1e293b;
    --bs-modal-footer-border-color: #1e293b;
    --bs-modal-border-color: #1e293b;
}

.modal-content {
    box-shadow: 0 1.5rem 3rem rgba(15, 23, 42, 0.45);
}

.modal-header {
    background-color: #d6e9fb;
}

.modal-body {
    background-color: #edf1f6;
}

.modal-footer {
    background-color: #d6e9fb;
}

/* Sobreescribir estilos adicionales si es necesario */
/*
body {
    background: #f1f5f9;
}

h1 {
    color: #2260c5;
}

.btn-primary {
    background-color: #1b6ec2;
    border-color: #1861ac;
}
*/