/* ============================================================
   Einblick KI — Design Tokens / Paleta de marca
   ============================================================
   Reemplaza el morado de plantilla (#6366f1) por una identidad
   suiza coherente.
   
   Fuerza tema claro y tipografía Inter para máxima coherencia visual.
   ============================================================ */

:root {
  /* ---------- Marca / acento ---------- */
  --ek-red:          #C8102E;  /* rojo suizo, acento principal (botones, enlaces, líneas) */
  --ek-red-hover:    #A60D26;  /* hover/pressed                                            */
  --ek-red-soft:     #FBEAEC;  /* fondos teñidos suaves (badges, destacados)              */
  --ek-red-border:   #F0C4CB;  /* bordes teñidos                                          */

  /* ---------- Neutros (base de toda la UI) ---------- */
  --ek-ink:          #1A1A17;  /* texto principal / superficies oscuras (CTA, footer)      */
  --ek-ink-2:        #3A382F;  /* texto fuerte secundario                                  */
  --ek-muted:        #6B6A63;  /* texto secundario                                         */
  --ek-faint:        #9C9B92;  /* texto terciario, notas al pie                            */
  --ek-line:         #E6E2D8;  /* hairlines / bordes por defecto                           */
  --ek-line-2:       #D6D1C4;  /* bordes en hover/énfasis                                  */
  --ek-surface:      #FFFFFF;  /* tarjetas                                                 */
  --ek-bg:           #FAF8F4;  /* fondo de página (off-white cálido)                       */
  --ek-bg-2:         #F2EFE7;  /* fondo de sección alterna                                 */

  /* ---------- Semánticos (datos, estados, confianza) ---------- */
  --ek-gain:         #1D7A5A;  /* ahorro / verde positivo (ROI, "✅ niemals")              */
  --ek-gain-soft:    #E7F2EC;
  --ek-loss:         #C0392B;  /* coste / pérdida (rojo dato, distinto del acento de marca) */
  --ek-loss-soft:    #FBEDED;
  --ek-info:         #1F5FA5;  /* azul informativo (enlaces de doc, AVV, notas técnicas)   */
  --ek-info-soft:    #E8F0FA;
  --ek-warn:         #B26A00;  /* advertencia (⚠️ en tablas comparativas)                  */
  --ek-warn-soft:    #FBF0DD;

  /* ---------- Trust / sello suizo ---------- */
  --ek-swiss:        #D8232A;  /* rojo bandera (solo para el motivo "Schweiz", no UI)      */
  --ek-trust-bg:     #F2EFE7;  /* fondo claro de página hero para mantener tema claro      */
  --ek-trust-line:   #E6E2D8;

  /* ---------- Tipografía (Inter para unificar con el landing) ---------- */
  --ek-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --ek-body:    "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  /* ---------- Radios / sombra ---------- */
  --ek-radius-s: 9px;
  --ek-radius:   14px;
  --ek-radius-l: 20px;
  --ek-shadow:   0 1px 2px rgba(26,26,23,.04), 0 8px 24px rgba(26,26,23,.05);
}