/* IdeasCenter — Color
 * Source: "Design System IdeasCenter.dc.html" §01 Color.
 * The four corporate colors and the neutral ramp are taken verbatim from the
 * brand manual; the two *-hover values come from the manual's button hovers.
 */

:root {
  /* --- Colores corporativos ------------------------------------------- */
  --ic-amarillo: #E8B828;         /* Acento · CTA */
  --ic-amarillo-hover: #d4a71f;   /* hover del botón primario */
  --ic-amarillo-suave: #F7DE8B;   /* fondo de etiqueta destacada */
  --ic-azul: #283060;             /* Principal */
  --ic-azul-hover: #1c2349;       /* hover del botón secundario */
  --ic-azul-profundo: #102850;    /* Fondos · Texto */
  --ic-gris: #8A8D99;             /* Neutro · Secundario */

  /* --- Ramp neutral ---------------------------------------------------- */
  --ic-neutro-900: #1A1E33;
  --ic-neutro-700: #40465e;
  --ic-neutro-500: #6A6F86;
  --ic-neutro-400: #9AA0B4;
  --ic-neutro-300: #C7CBDE;
  --ic-neutro-200: #E4E6ED;
  --ic-neutro-100: #EEF0F4;
  --ic-neutro-050: #F4F5F7;
  --ic-blanco: #FFFFFF;

  /* --- Roles semánticos ------------------------------------------------ */
  --ic-color-primario: var(--ic-azul);
  --ic-color-acento: var(--ic-amarillo);
  --ic-color-fondo: var(--ic-neutro-050);
  --ic-color-superficie: var(--ic-blanco);

  --ic-color-texto: var(--ic-neutro-900);
  --ic-color-texto-cuerpo: var(--ic-neutro-700);
  --ic-color-texto-suave: var(--ic-neutro-500);
  --ic-color-texto-tenue: var(--ic-neutro-400);
  --ic-color-texto-inverso: var(--ic-blanco);
  --ic-color-texto-inverso-suave: var(--ic-neutro-300);

  --ic-color-borde: var(--ic-neutro-200);
  --ic-color-borde-suave: var(--ic-neutro-100);

  /* Degradado de cabecera usado en la tarjeta y en secciones oscuras */
  --ic-degradado-azul: linear-gradient(135deg, var(--ic-azul), var(--ic-azul-profundo));
}