:root {
    --azul-petroleo: #005A7A;
    --azul-ceruleo: #1D709B;
    --blanco-roto: #F4F7FA;
    --verde-exito: #2A8A5E;
    --ambar-alerta: #F59E0B;
    --rojo-critico: #DC2626;
    --gris-azulado: #3A4A5A;
}

/* Fondo general */
body {
    background-color: var(--blanco-roto);
    color: var(--gris-azulado);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Headers, Sidebar y Botones PRIMARIOS (Guardar) */
.bg-petroleo, .btn-primary {
    background-color: var(--azul-petroleo) !important;
    border-color: var(--azul-petroleo) !important;
}
.btn-primary:hover {
    background-color: #004a66 !important; /* Oscurecer un poco */
    border-color: #004a66 !important;
}

/* Acciones secundarias (Filtros, Modificar, Consultar) */
.btn-secondary-custom {
    background-color: var(--azul-ceruleo);
    border-color: var(--azul-ceruleo);
    color: white;
}
.btn-secondary-custom:hover {
    background-color: #165f82;
    color: white;
}

/* Texto general y títulos */
h1, h2, h3, h4, .text-dark-custom {
    color: var(--gris-azulado);
}

/* Estados Activo / Éxito */
.badge-success-custom, .text-success-custom {
    background-color: var(--verde-exito);
    color: white;
}
/* Alertas Stock/Caducidad */
.badge-warning-custom {
    background-color: var(--ambar-alerta);
    color: #000;
}
/* Estado Inactivo o Crítico */
.badge-danger-custom, .text-danger-custom {
    background-color: var(--rojo-critico);
    color: white;
}

/* Personalizar DataTables para que use tus colores */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--azul-petroleo) !important;
    color: white !important;
    border-color: var(--azul-petroleo) !important;
}

/* Estilos para Input Groups con iconos */
.input-group-text {
    background-color: var(--azul-petroleo);
    color: white;
    border-color: var(--azul-petroleo);
}
.input-group-text i {
    color: white;
}
/* Si quieres que el borde del input coincida */
.form-control:focus {
    border-color: var(--azul-petroleo);
    box-shadow: 0 0 0 0.2rem rgba(0,90,122,0.25);
}