/**
Colores del 1 al 3: deben ser colores claros
Colores del 4 al 6: deben ser colores oscuros

Los colores que no se usen, se completan con negro, blanco, o repitiendo el color más cercano.
*/

:root{
    /* Claros */
    --web-color-1: #04ECC5;
    --web-color-2: rgb(102, 183, 223);
    --web-color-3: rgba(0, 179, 232, 1);
    /* Oscuros */
    --web-color-4: rgb(55, 176, 73);
    --web-color-5: rgb(0, 153, 213);
    --web-color-6: rgb(0, 131, 198);

    --web-color-claro-text-default: #ffffff;
    --web-color-oscuro-text-default: #000000;
    --web-color-claro-background-default: rgb(244,244,244);
    --web-color-oscuro-background-default: rgb(85,85,85);

    --web-color-claro-text-default_2: #ffffff;
    --web-color-oscuro-text-default_2: #000000;
    --web-color-claro-background-default_2: rgb(220,220,220); /* rgb(235,235,235) */
    --web-color-oscuro-background-default_2: #000000;

    --web-color-text-header: #ffffff;
    --web-color-background-header: rgba(26, 47, 57);

    --web-color-claro-overlay-default_r: 250;
    --web-color-claro-overlay-default_g: 250;
    --web-color-claro-overlay-default_b: 250;

    --web-color-oscuro-overlay-default_r: 50;
    --web-color-oscuro-overlay-default_g: 50;
    --web-color-oscuro-overlay-default_b: 50;
}