:root {
    /* Paleta Humanis */
    --humanis-blue: #1F3A5F;
    /* Primario: Confianza + sistema + estabilidad */
    --humanis-green: #2FBF71;
    /* Secundario: Disponibilidad + OK + progreso */
    --humanis-amber: #F4A261;
    /* Acción: Acción sin agresividad */
    --humanis-indigo: #6C63FF;
    /* Soporte: Tecnología + estructura */
    --humanis-bg: #F7F9FC;
    /* Fondo: Limpios y humanos */
    --humanis-text: #1F2933;
    /* Texto: Gris profundo */
    --humanis-white: #FFFFFF;

    /* Dark Mode variables (preparado) */
    --humanis-dark-bg: #0F172A;
    --humanis-dark-card: #1E293B;
    --humanis-dark-text: #E5E7EB;
}

body {
    background-color: var(--humanis-bg);
    color: var(--humanis-text);
}

/* Clases de utilidad */
.bg-humanis-blue {
    background-color: var(--humanis-blue) !important;
    color: white;
}

.bg-humanis-green {
    background-color: var(--humanis-green) !important;
    color: white;
}

.bg-humanis-amber {
    background-color: var(--humanis-amber) !important;
    color: var(--humanis-text);
}

.bg-humanis-indigo {
    background-color: var(--humanis-indigo) !important;
    color: white;
}

.text-humanis-blue {
    color: var(--humanis-blue) !important;
}

.text-humanis-green {
    color: var(--humanis-green) !important;
}

.text-humanis-amber {
    color: var(--humanis-amber) !important;
}

.text-humanis-indigo {
    color: var(--humanis-indigo) !important;
}

/* Componentes Específicos */

/* Sidebar Override */
.sidebar {
    background-color: var(--humanis-blue);
    /* Default Humanis Blue */
}

/* Navbar / Topbar */
.topbar {
    background-color: var(--humanis-blue) !important;
    color: white !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.topbar .user-info {
    color: white !important;
}

.topbar .btn-outline-secondary {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.3);
}

.topbar .btn-outline-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: white;
    color: white;
}

/* Botones */
.btn-primary {
    background-color: var(--humanis-blue);
    border-color: var(--humanis-blue);
}

.btn-primary:hover {
    background-color: #162a45;
    /* Darker shade of humanis blue manually calculated */
    border-color: #162a45;
}

.btn-success {
    background-color: var(--humanis-green);
    border-color: var(--humanis-green);
}

.btn-warning {
    background-color: var(--humanis-amber);
    border-color: var(--humanis-amber);
    color: var(--humanis-text);
}

.btn-info {
    background-color: var(--humanis-indigo);
    border-color: var(--humanis-indigo);
    color: white;
}

/* Cards */
.card {
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}