Armonía de colores en CSS

/* Armonía de colores en CSS */

/* Color principal para el fondo */
body {
    background-color: #3498db; /* Azul como color principal */
    color: #F6F6F6; /* Color claro para el texto por defecto */
}

/* Color secundario 1 para títulos */
h1, h2 {
    color: #2ecc71; /* Verde como color secundario 1 */
}

/* Color secundario 2 para párrafos */
p {
    color: #e74c3c; /* Rojo como color secundario 2 */
}

/* Identificación y corrección de errores de colores en CSS */

/* Fondo negro */
body.dark-mode {
    background-color: #000000;
}

/* Texto corregido a un color claro en modo oscuro */
body.dark-mode p {
    color: #F6F6F6; /* Blanco humo claro */
}

/* Jugando con colores RGB en CSS */

/* Fondo naranja vibrante */
body.rgb-style {
    background-color: #FF5733;
}

/* Texto verde brillante */
body.rgb-style p {
    color: #00FF00;
}