:root {
    /*
        PALETA BASE DEL SISTEMA
        Basada en los tonos actuales definidos por el proyecto.
    */
    --color-primario: #0a6594;
    --color-secundario: #162035;
    --color-tercero: #1d2b49;
    --color-cuarto: #52bcf1;
    --color-quinto: #834C27;
    --color-sexto: #e5e5e5;
    --color-negro: #000000;
    --color-blanco: #FFFFFF;
    --color-letraTabla: #ffffff;

    /*
        VARIABLES SEMÁNTICAS NUEVAS
        Para evitar colores quemados en otros archivos y facilitar mantenimiento.
    */
    --color-texto-principal: #ffffff;
    --color-texto-secundario: #525252;
    --color-texto-claro: #FFFFFF;
    --color-texto-muted: #6c757d;

    --color-fondo-app: var(--color-tercero);
    --color-fondo-panel: var(--color-blanco);
    --color-fondo-sidebar: var(--color-secundario);
    --color-fondo-input: var(--color-sexto);
    --color-fondo-hover-oscuro: #070707;
    --color-fondo-neutral: #EEEEEE;
    --color-fondo-neutral-2: #444444;
    --color-fondo-neutral-3: #636363;
    --color-fondo-active: #575757;

    --color-borde-claro: #FFFFFF;
    --color-borde-medio: #CCCCCC;
    --color-borde-oscuro: #666666;
    --color-borde-sidebar-submenu: #232323;

    --color-sombra-primaria: rgba(223, 187, 164, 0.65);
    --color-sombra-general: rgba(0, 0, 0, 0.18);
    --color-sombra-fuerte: rgba(0, 0, 0, 0.50);

    --color-info-badge: #0068ff;

    --color-estado-naranja-bg: #fff6e5;
    --color-estado-naranja-texto: #F4BD50;
    --color-estado-verde-bg: #EAFEF3;
    --color-estado-verde-texto: #2ECC71;
    --color-estado-rojo-bg: #ffe5e5;
    --color-estado-rojo-texto: #f45650;

    --radius-xs: 3px;
    --radius-sm: 5px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 10px;
    --radius-2xl: 12px;
    --radius-3xl: 20px;
    --radius-4xl: 25px;
    --radius-pill: 50px;

    --shadow-sm: 0 0 5px var(--color-sombra-primaria);
    --shadow-md: 0 0 10px var(--color-sombra-primaria);
    --shadow-lg: 0 0 20px var(--color-sombra-primaria);
    --shadow-panel: 0px 5px 15px var(--color-sombra-fuerte);
    --shadow-input: 5px 5px 5px var(--color-primario);

    --transition-fast: .1s ease;
    --transition-base: .2s ease;
    --transition-slow: .3s ease;
}