/* paleta-colores.css */
/* Solo variables de color, sin reglas de diseño */

:root {
  /* Colores principales */
  --color-principal: #E4002B;     /* Rojo intenso */
  --color-secundario: #616161;    /* Gris oscuro */
  --color-fondo: #FFFFFF;         /* Fondo blanco */
  --color-relleno: #F9F9F9;       /* Fondo claro para secciones */
  --color-texto: #54595F;         /* Texto base */

  /* Colores complementarios */
  --color-azul-oscuro: #1D365E;
  --color-verde-oliva: #789E4B;
  --color-azul-gris: #508690;
  --color-naranja: #EF8B01;

  /* Paleta extendida (opcional) */
  --color-exito: #28a745;
  --color-advertencia: #ffc107;
  --color-peligro: #dc3545;
}

/* Este archivo no debe contener estilos visuales.
   Solo se utiliza para definir variables globales de color.

   Para usar:
   background-color: var(--color-principal);
   color: var(--color-texto);
*/