/* css 1 */

:root {
    --main-color: #333; /* debe contrastar con color2 */
    --main-color-rgba: rgba(0, 0, 0, 0.2); /* debe contrastar con color2 */
    

    --color2: #f7f7f7; /* debe contrastar con main-color */

    --color3: lightgray; /* debe contrastar con color4 */
    --color4: #1e1e1e; /* debe contrastar con color3 */


    --color-white: #fff; /* debe contrastar con main-color */
    --color-black: #1e1e1e;

    

    --color-lightgray: lightgray;

    --color-red: #ff0000;


    --color1: #FF3CED;
    --color1-hard: #FF3CED;

    --color-2: #df8900;

    
    --color-sombra: rgba(0, 0, 0, 0.1);

    --color-gris: grey;

    --color-4: #ddd;

    --color-font-price: #28a745;
}