Colores CSS

/* 1) Armonía de colores en CSS */
:root {
    --color-principal: #2C3E50; /* Azul oscuro */
    --color-secundario1: #E74C3C; /* Rojo coral */
    --color-secundario2: #F1C40F; /* Amarillo dorado */
}

body {
    background-color: var(--color-principal);
    color: var(--color-secundario2);
    font-family: Arial, sans-serif;
}

h1, h2, h3 {
    color: var(--color-secundario1);
}

p {
    color: var(--color-secundario2);
}

/* 2) Identificación y corrección de errores de colores en CSS */
body.error-fix {
    background-color: #000000; /* Mantiene el fondo negro */
    color: #F6F6F6; /* Cambia el texto a un color claro */
}

/* 3) Jugando con colores RGB en CSS */
body.rgb-play {
    background-color: #FF5733; /* Naranja vibrante */
    color: #00FF00; /* Verde brillante */
}