:root {
    --color-1: white;
    --color-2: #004688;
    --color-3: black;
    --color-4: #ffffff;
    --color-5: #f6f6f6;
    --color-6: #4978a3;
    --color-7: #ccc;
    --color-8: #999;
    --color-9: #4e4c4d;
    --color-10: #9E9E9E;
    --color-11: #cf4644;
    --color-12: #f2f1df;
    --color-13: #8ABF3D;
}
/*--color-1: #0f172a;
    --color-2: #27A58C;
    --color-3: #e0dec8;
    --color-4: #1d2d54;
    --color-5: #13203d;
    --color-6: #4978a3;
    --color-7: #ccc;
    --color-8: #999;
    --color-9: #4e4c4d;
    --color-10: #9E9E9E;
    --color-11: #cf4644;
    --color-12: #0f172a;
}*/
/* Modo claro */
/*body .light-mode {
    --color-1: white;
    --color-2: #004688;
    --color-3: black;
    --color-4: #ffffff;
    --color-5: #f6f6f6;
    --color-6: #4978a3;
    --color-7: #ccc;
    --color-8: #999;
    --color-9: #4e4c4d;
    --color-10: #9E9E9E;
    --color-11: #cf4644;
    --color-12: #f2f1df;
}*/