/* Archivo temas.css - Definición de variables de color para todos los temas */

:root {
    --color-fondo: #f9e5e6;
    --color-texto: #848484;
    --color-componentes-claro: #ffffff;
    --color-componentes-oscuro: #636363;
    --color-componente: var(--color-componentes-claro);
    --color-menus: #ff253b;
    --color-fondo-chat: #ffffff;
    --color-fondo-titulo: #eeeeee;
    --color-texto-titulo: #333;
    --color-borde: #dddddd;
    --color-fondo-mensaje: #e9e9e9;
    --color-borde-mensaje: #707070;
    --color-brillo-primario: rgba(255, 0, 150, 0.6);  /* Rosa neón */ 
    --color-brillo-secundario: rgba(0, 204, 255, 0.6); /* Azul neón */
    --color-brillo-tres: rgba(255, 44, 142, 0.955); /* Naranja neón */
    --color-brillo-cuatro: rgba(255, 14, 14, 0.875); /* Naranja neón */
}

[data-tema="oscuro"] {
    --color-fondo: #36393f;
    --color-texto: #ffffff;
    --color-texto2: #7c7c7c;
    --color-componente: var(--color-componentes-oscuro);
    --color-menus: #5b0282;
    --color-fondo-chat: #2c2f33;
    --color-fondo-titulo: #23272a;
    --color-texto-titulo: #fff;
    --color-borde: #444;
    --color-fondo-mensaje: #4f545c;
    --color-borde-mensaje: #666;
    --color-brillo-primario: rgba(178, 0, 255, 0.7);  /* Morado neón */
    --color-brillo-secundario: rgba(255, 183, 0, 0.7); /* Naranja neón */
    --color-brillo-tres: rgba(125, 235, 255, 0.875); /* Naranja neón */
    --color-brillo-cuatro: rgba(255, 123, 187, 0.579); /* Naranja neón */
}