/* Colores de la aplicación (CLAUDE.md, sección 4).
   Este es el ÚNICO sitio donde se definen: el resto del CSS usa las variables.

   Uso: el naranja, solo en elementos grandes (botón principal, con texto
   grande y en negrita); todo el texto normal, en azul marino. */

:root {
  /* Marca (marca/colores.txt) */
  --color-orange: #E95F0F;
  --color-navy: #0D284B;
  --color-white: #FFFFFF;

  /* Grises, con un punto de azul para que casen con el azul marino */
  --color-gray-700: #44546A; /* texto secundario y ayudas */
  --color-gray-500: #6B7A90; /* borde de los campos */
  --color-gray-200: #D5DBE3; /* líneas de separación */
  --color-gray-100: #F3F5F8; /* fondo de la página */

  /* Error y correcto: el tono fuerte para el texto y el suave para el fondo */
  --color-error: #B3261E;
  --color-error-bg: #FCEBEA;
  --color-success: #1B6E3C;
  --color-success-bg: #E7F4EC;
}