/* ---------------------------------
 *	José Luis Rodriguez
 *	jrodriguez@bincodex.com
 *	https://bincodex.com
 *	2025-05-28 09:08:21
 * ------------------------------------ */


/* =======================
   Paletas de Colores
   ======================= */

/* Paleta Suave y Neutra */
:root[data-theme="suave"] {
  --fondo: #F5F5F5; /* Fondo claro */
  --texto-principal: #333333; /* Texto principal */
  --elemento-destacado: #4A90E2; /* Elementos destacados */
  --elemento-enfasis: #E67E22; /* Énfasis */
  --elemento-borde: #E0E0E0; /* Bordes */
  --fondo-adicional: #FFFFFF; /* Fondo adicional */
  --texto-secundario: #666666; /* Texto secundario */
  --color-sidebar: #D9E4EC; /* Color sidebar suave */
  --color-navbar: #4A90E2;  /* Color navbar destacado */
  --color-red: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);  /* Color red */
  --mi-user-color: #ffff7f;
  --other-user-color: #55ff7f;
}

/* Paleta Oscura Relajante */
:root[data-theme="oscura"] {
  --fondo: #121212; /* Fondo oscuro */
  --texto-principal: #E0E0E0; /* Texto */
  --elemento-destacado: #BB86FC; /* Elementos destacados */
  --elemento-enfasis: #03DAC6; /* Énfasis */
  --elemento-borde: #333333; /* Bordes */
  --fondo-adicional: #1F1F1F; /* Fondo adicional */
  --texto-secundario: #B0B0B0; /* Texto secundario */
  --color-sidebar: #1E1E1E; /* Sidebar oscuro */
  --color-navbar: #333333;  /* Navbar oscuro */
  --color-red: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);  /* Color red */
  --mi-user-color: #4d4d26;
  --other-user-color: #1b5027;
}

/* Paleta Azul y Verde Relajante */
:root[data-theme="azulverde"] {
  --fondo: #E6F2F2; /* Fondo */
  --texto-principal: #2C3E50; /* Texto principal */
  --elemento-destacado: #27AE60; /* Verde (elementos destacados) */
  --elemento-enfasis: #2980B9; /* Azul medio (énfasis) */
  --elemento-borde: #BDC3C7; /* Bordes */
  --fondo-adicional: #FFFFFF; /* Fondo adicional */
  --texto-secundario: #34495E; /* Texto secundario */
  --color-sidebar: #BFD8D2; /* Sidebar azul verdoso */
  --color-navbar: #27AE60;  /* Navbar verde */
  --color-red: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);  /* Color red */
  --mi-user-color: #ffff7f;
  --other-user-color: #55ff7f;
}

/* Paleta Material Design */
:root[data-theme="material"] {
  --fondo: #FFFFFF; /* Fondo */
  --texto-principal: #212121; /* Texto */
  --elemento-destacado: #6200EE; /* Primario */
  --elemento-enfasis: #03DAC6; /* Secundario */
  --elemento-borde: #FF5722; /* Énfasis */
  --fondo-adicional: #FAFAFA; /* Fondo adicional */
  --texto-secundario: #757575; /* Texto secundario */
  --color-sidebar: #EEEEEE; /* Sidebar gris claro */
  --color-navbar: #6200EE;  /* Navbar primario */
  --color-red: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);  /* Color red */
  --mi-user-color: #ffff7f;
  --other-user-color: #55ff7f;
}