:root {
    --eco-azul: #1596d2;
    --eco-azul-oscuro: #1596d2;
    --eco-verde: #4fbd4f;
    --eco-verde-oscuro: #4fbd4f;

    --azul: #1596d2;
    --azul-oscuro: #1596d2;
    --verde: #4fbd4f;
    --verde-oscuro: #4fbd4f;

    --primary: #1596d2;
    --secondary: #4fbd4f;

    --color-principal: #1596d2;
    --color-secundario: #4fbd4f;
}

/* Sidebar principal */
.sidebar {
    background: linear-gradient(
        180deg,
        var(--color-principal),
        var(--color-secundario)
    ) !important;
}

/* Botones principales */
.btn-primary,
.btn-success,
.btn-buscar,
.identidad-btn-guardar {
    background: linear-gradient(
        90deg,
        var(--color-principal),
        var(--color-secundario)
    ) !important;
    border-color: var(--color-principal) !important;
}

/* Acentos principales */
.sidebar li.active a,
.modulo-entrar,
.paciente-etiqueta,
.btn-calendario {
    color: var(--color-principal) !important;
}

/* Bordes focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--color-principal) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-principal) 18%, transparent) !important;
}

/* Badges verdes */
.badge.bg-success {
    background-color: var(--color-secundario) !important;
}