/* core/static/core/css/custom.css */

/* Variables de color (Reemplaza con los colores exactos de Vipirsa) */
:root {
    --vipirsa-primary-blue: #0056b3; /* Azul principal para botones/acentos */
    --vipirsa-dark-blue: #003366;  /* Azul oscuro para textos o fondos */
    --vipirsa-red-accent: #dc3545;   /* Rojo para alertas o acciones secundarias (como el de Bootstrap danger) */
    --vipirsa-text-dark: #212529; /* Color de texto oscuro principal */
    --vipirsa-text-muted: #6c757d; /* Texto grisado */
    --vipirsa-bg-light: #f8f9fa;   /* Fondo gris claro (como Bootstrap bg-light) */
    --vipirsa-border-color: #dee2e6; /* Color de borde suave */
}

body {
    background-color: var(--vipirsa-bg-light);
    color: var(--vipirsa-text-dark);
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Asegura que el footer esté abajo */
}

/* --- Navbar --- */
.navbar {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); /* Sombra suave como en GRECO */
}

.vipirsa-brand-text {
    color: var(--vipirsa-dark-blue);
    font-weight: bold;
    /* Ajusta tamaño si es necesario */
}
.app-name-text {
    color: var(--vipirsa-text-muted);
    font-size: 0.9em;
    margin-left: 5px;
}

.navbar .nav-link {
    color: var(--vipirsa-text-dark);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: var(--vipirsa-primary-blue);
}

.navbar .navbar-text {
     color: var(--vipirsa-text-muted);
}

/* Estilo para botón de logout que parece link */
.navbar .btn-link.nav-link {
    color: var(--vipirsa-text-dark);
    text-decoration: none; /* Quita subrayado de botón link */
    padding-top: 0.5rem; /* Alinear verticalmente con otros nav-link */
    padding-bottom: 0.5rem;
}
 .navbar .btn-link.nav-link:hover,
 .navbar .btn-link.nav-link:focus {
     color: var(--vipirsa-primary-blue);
 }


/* --- Contenedor Principal --- */
.container {
    flex: 1; /* Permite que el contenedor crezca y empuje el footer */
}

.main-content-container {
    background-color: #ffffff;
    padding: 2rem; /* Padding generoso */
    border-radius: 0.375rem; /* Bordes redondeados (como los de Bootstrap) */
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); /* Sombra suave */
    border: 1px solid var(--vipirsa-border-color); /* Borde suave opcional */
}

/* --- Títulos --- */
h1, h2, h3 {
    color: var(--vipirsa-dark-blue); /* Títulos con azul oscuro */
}
h1 {
    /* text-align: center; */ /* Descomenta si quieres títulos principales centrados */
    margin-bottom: 1.5rem;
}

/* --- Botones --- */
.btn-primary {
    background-color: var(--vipirsa-primary-blue);
    border-color: var(--vipirsa-primary-blue);
}
.btn-primary:hover, .btn-primary:focus {
     background-color: var(--vipirsa-dark-blue); /* Un azul más oscuro al pasar el ratón */
     border-color: var(--vipirsa-dark-blue);
}

/* Puedes añadir estilos para .btn-success, .btn-warning, .btn-danger si usas los colores de Vipirsa */
.btn-success { background-color: #198754; border-color: #198754; } /* Mantener verde para éxito? */
.btn-warning { background-color: #ffc107; border-color: #ffc107; color: #000;} /* Mantener amarillo para warning? */
.btn-danger { background-color: var(--vipirsa-red-accent); border-color: var(--vipirsa-red-accent); }


/* --- Formularios (Ajustes adicionales) --- */
.form-label {
    font-weight: 500; /* Ligeramente más grueso */
}

/* --- Tablas --- */
.table {
    border-color: var(--vipirsa-border-color);
}
.table th {
     color: var(--vipirsa-dark-blue);
     background-color: var(--vipirsa-bg-light); /* Cabecera de tabla con fondo gris */
}

/* --- Footer --- */
.footer {
    color: var(--vipirsa-text-muted);
    font-size: 0.9em;
}