/*
  TEMA de Decam Gestión.
  Este es el ÚNICO archivo donde hay colores (hex/rgb/hsl) y tipografías. Para cambiar el aspecto de toda
  la app basta con editar los valores de aquí; base.css y las vistas solo usan var(--...).

  Nombres fijos del contrato (no renombrar): --fuente-*, --tam-*, --peso-*, --color-*, --espacio-1..6,
  --radio, --radio-grande, --sombra, --ancho-max, --estado-*-fondo/-texto, --grafico-1..6.
  Variables extra que usa base.css (también se pueden ajustar): --altura-linea, --tam-subtitulo,
  --color-borde-fuerte, --color-fila-hover, --color-peligro-texto, --color-velo, --sombra-dialogo,
  --ancho-dialogo, --alto-control, --transicion.
*/

:root {
  /* Tipografía: pila del sistema (sin fuentes externas). */
  --fuente-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fuente-titulos: var(--fuente-base);
  --tam-base: 1rem;
  --tam-chica: 0.875rem;
  --tam-subtitulo: 1.125rem;
  --tam-titulo: 1.5rem;
  --peso-normal: 400;
  --peso-fuerte: 600;
  --altura-linea: 1.5;

  /* Colores base: fondo claro, mucho aire, un solo color de acento. */
  --color-fondo: #f5f6f8;
  --color-superficie: #ffffff;
  --color-superficie-alt: #eef0f3;
  --color-borde: #dde1e7;
  --color-borde-fuerte: #b9c0cb;
  --color-texto: #1d2530;
  --color-texto-suave: #586373;
  --color-fila-hover: #f7f9fc;

  /* Acento */
  --color-primario: #24558f;
  --color-primario-hover: #1a4272;
  --color-primario-texto: #ffffff;
  --color-enfoque: #1d6fd6;

  /* Semánticos */
  --color-exito: #1b6b43;
  --color-exito-fondo: #e2f3e9;
  --color-alerta: #8a5a00;
  --color-alerta-fondo: #fff2c4;
  --color-peligro: #b02a25;
  --color-peligro-fondo: #fde6e4;
  --color-peligro-texto: #ffffff;
  --color-info: #24558f;
  --color-info-fondo: #e4edf9;

  /* Espaciados, radios, sombras y anchos */
  --espacio-1: 0.25rem;
  --espacio-2: 0.5rem;
  --espacio-3: 0.75rem;
  --espacio-4: 1rem;
  --espacio-5: 1.5rem;
  --espacio-6: 2.5rem;
  --radio: 0.5rem;
  --radio-grande: 0.875rem;
  --sombra: 0 1px 2px rgba(20, 30, 45, 0.06), 0 2px 8px rgba(20, 30, 45, 0.05);
  --sombra-dialogo: 0 12px 40px rgba(20, 30, 45, 0.25);
  --color-velo: rgba(20, 30, 45, 0.5);
  --ancho-max: 72rem;
  --ancho-dialogo: 34rem;
  --alto-control: 2.5rem;
  --transicion: 140ms ease;

  /* Estados de Lead (fondo y texto). Los finales y "No calificado" van en tonos apagados. */
  --estado-nuevo-fondo: #dfeafc;
  --estado-nuevo-texto: #1c4a9c;
  --estado-contactado-fondo: #dcf1f3;
  --estado-contactado-texto: #0d5f6c;
  --estado-horario-fondo: #ebe5fb;
  --estado-horario-texto: #4b2f9a;
  --estado-reunion-agendada-fondo: #ffecd0;
  --estado-reunion-agendada-texto: #8a4700;
  --estado-recordatorio-fondo: #fbe4ee;
  --estado-recordatorio-texto: #9a1f55;
  --estado-reunion-hecha-fondo: #dcf2e4;
  --estado-reunion-hecha-texto: #175e39;
  --estado-cerrado-fondo: #e8eeea;
  --estado-cerrado-texto: #566459;
  --estado-no-compro-fondo: #eceef0;
  --estado-no-compro-texto: #5b6470;
  --estado-perdido-fondo: #f0ecec;
  --estado-perdido-texto: #6d6262;
  --estado-no-calificado-fondo: #f0f1f3;
  --estado-no-calificado-texto: #6a727e;

  /* Gráficos (barras y series) */
  --grafico-1: #24558f;
  --grafico-2: #2b9a8a;
  --grafico-3: #d99a1f;
  --grafico-4: #c4513a;
  --grafico-5: #7a58b8;
  --grafico-6: #6b7885;
}