:root {
    --menu: #324B4F;
    --principal: #96B0B7; /*62, 57, 155*/
    --hover-principal: #322E7C; /*50, 46, 124*/
    --secundario: #006F7C; /*69, 89, 189*/
    --hover-secundario: #627B82; /*	48, 62, 132*/
    --fondo: #f5f7fb; /*	240, 242, 250*/
    --borde-card: #EEEEEE; /*	238, 238, 238*/
    --linea: #E5E5E5; /*#E5E5E5*/
    --estado-vigente: #3D613C; /*61, 97, 60*/
    --estado-revision: #D46F11; /*212, 111, 17	*/
    --estado-vencido: #4D4C4C; /*77, 76, 76*/
    --estado-pendiente: #C83469; /*200, 52, 105	*/
    --estado-todo: #1177D4; /*17, 119, 212	*/
    --estado-rechazo: #D41111; /*212, 17, 17	*/
    --fondo-card-principal: #D41111; /*212, 17, 17	*/
    --textbox: #EFF0F6; /*239, 240, 246	*/
    --icon-button: #E5E5E5; /*229, 229, 229	*/
    --icon-button-secundario: #AFAFAF; /*175, 175, 175	*/
    --titulo-card-principal: #606060; /*	96, 96, 96*/
    --titulo: #353935; /*53, 57, 53*/
    --contenido: #4D4C4C; /*77, 76, 76*/
    --texto-destacado: #265670; /*62, 57, 155*/
}