:root {
    --azul: #0059A6;
    --fucsia: #E32085;
    --verde-claro: #A5C83F;
    --amarillo: #FFEC01;
    --morado: #833189;
    --celeste: #00A8E8;
    --verde: #009C52;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
}

.navbar-custom {
    background-color: var(--azul);
}

.sidebar {
    min-height: 100vh;
    background-color: var(--morado);
    padding: 20px;
}

.sidebar a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 6px;
    margin-bottom: 5px;
}

.sidebar a:hover {
    background-color: var(--fucsia);
}

.card-header {
    background-color: var(--azul) !important;
    color: white !important;
}