/* =====================================================================
   TEMA — decisiones de color del sistema (InvaHack)
   ---------------------------------------------------------------------
   Este archivo es LO ÚNICO que se edita para retematizar la plataforma
   para otro proyecto. Todo el resto del CSS (estilos.css) usa solo estas
   variables: no hay ningún color hardcodeado fuera de este archivo.

   Para adaptar a otra marca: cambie --color-primario y --color-acento por
   los colores del nuevo logo y, si hace falta, ajuste las variantes suaves.
   Los colores primario/acento de InvaHack se extrajeron del logo
   (public/img/logo.svg): azul del casco del barco (#326591, dominante) y
   terracota del caracol (#c95a3f, secundario).
   ===================================================================== */

:root {
    /* --- Marca --- */
    --color-primario:        #326591;  /* azul InvaHack (dominante en el logo) */
    --color-primario-oscuro: #285171;  /* azul profundo del logo, para hover */
    --color-primario-suave:  #e7eef4;  /* tinte claro para fondos activos/hover */
    --color-acento:          #c95a3f;  /* terracota del caracol (secundario) */
    --color-acento-suave:    #f6e3dd;  /* tinte claro del acento */

    /* --- Superficies y neutros --- */
    --color-fondo:       #f4f5f7;  /* fondo de la app */
    --color-superficie:  #ffffff;  /* tarjetas, tablas, sidebar */
    --color-texto:       #1e2e3a;  /* navy del logo ("Hack") */
    --color-texto-suave: #6b7280;  /* texto secundario */
    --color-borde:       #d9dce1;  /* bordes y separadores */

    /* --- Estados --- */
    --color-exito:   #2e7d32;
    --color-alerta:  #e6a700;
    --color-peligro: #c62828;

    /* --- Sombras (color con opacidad; también una decisión de color) --- */
    --sombra:        0 1px 3px rgba(30, 46, 58, .10);
    --sombra-fuerte: 0 6px 24px rgba(30, 46, 58, .18);

    /* --- Texto sobre color primario (verificado ~6.2:1 con #326591, AA) --- */
    --color-sobre-primario: #ffffff;
}