:root {
    --main-color: #e65404; 
    --main-color-dark: #802e02; /* Trust Navy */
    --secondary-color: #b34103; /* Momentum Blue */
    --secondary-color-dark: #4d1b01; /* Midnight Core */
    --text-main: #FFFFFF;
    /*Modificando variables de botones*/
    --color-primary: var(--secondary-color);
    --color-primary-dark: var(--main-color-dark);
    --primary-blue: var(--secondary-color);
    --primary-light: var(--main-color);
}

a {
    color: var(--main-color);
}

h1, h2, h2, h3, h4, h5, p, span,
.nav-item:hover, .nav-item:hover i, .nav-item:hover span, .accordion-button, .accordion-button:not(.collapsed),
.header-title h1 {
    color: var(--secondary-color-dark);
}

/* === LOGIN === */

.fondo {
    /* Usamos variaciones muy claras de tus colores mezcladas con blanco */
    background: linear-gradient(135deg, #E6F4FF 0%, var(--main-color) 100%);
}

/* El panel izquierdo: Limpio, sutil y elegante */
.left-panel {
    /* Un gradiente muy suave que va de blanco a un toque sutil de tu Lean Blue */
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F7FF 100%);
}

/*Tamaño logo*/
.logo-empresa {
    width: 80%;
}

/* Tamaño letra inicio de sesión */
.form-header h2 {
    font-size: 1.2rem;
}

/* === MASTER === */

.user-avatar {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--secondary-color) 100%) !important;
}

.nav-item.active i, .nav-item.active span {
    color: white;
}

.nav-item.active{
    background-color: var(--secondary-color);
    color: var(--text-main);
}

/* === TABLAS === */


/* Cambia el color del texto a la primera fila*/
.modern-table tbody tr:first-child {
    color: var(--main-color-dark);
}