/*
 * Variables CSS de Bindy.mx
 *
 * Paleta real entregada por Jorge — 2026-05-18.
 * Cualquier color, tipografía o espaciado debe referenciar estas variables.
 */

:root {
  /* === Colores principales === */
  --bindy-primary:      #083A84;   /* azul profundo — botones, badge, nav, footer */
  --bindy-primary-dark: #052870;   /* azul hover / énfasis */
  --bindy-secondary:    #02CCE2;   /* cian — ícono, acentos, highlights */
  --bindy-secondary-dark: #01A8BC; /* cian hover */

  /* === Fondos === */
  --bindy-bg:      #FFFFFF;        /* fondo principal */
  --bindy-bg-soft: #F0F4FA;        /* fondo suave para cards y secciones */
  --bindy-bg-dark: #083A84;        /* fondo oscuro (header, footer) */

  /* === Texto === */
  --bindy-text:       #1A1A2E;     /* texto principal */
  --bindy-text-muted: #6B7280;     /* texto secundario / descripciones */
  --bindy-text-light: #FFFFFF;     /* texto sobre fondo oscuro */
  --bindy-muted:      #D1D5DB;     /* gris para bordes sutiles */

  /* === Estados === */
  --bindy-success: #2E8B57;        /* verde — pago exitoso, plan activo */
  --bindy-warning: #D4A017;        /* amarillo — recordatorio de vencimiento */
  --bindy-danger:  #C0392B;        /* rojo — error, plan vencido */

  /* === Tipografías === */
  --bindy-font-display: 'Poppins', 'Nunito', 'Inter', -apple-system, sans-serif;  /* Poppins: paleta de Jorge 22-sep-2026 */
  --bindy-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* === Espaciado (base 8px) === */
  --bindy-space-xs: 0.5rem;    /* 8px */
  --bindy-space-sm: 1rem;      /* 16px */
  --bindy-space-md: 1.5rem;    /* 24px */
  --bindy-space-lg: 2.5rem;    /* 40px */
  --bindy-space-xl: 4rem;      /* 64px */

  /* === Bordes redondeados === */
  --bindy-radius-sm: 4px;
  --bindy-radius-md: 8px;
  --bindy-radius-lg: 16px;
}

/* 23-sep-2026 · Tipografía de la paleta de Jorge: títulos Poppins Semibold,
   texto Inter Regular. El tema fuerza Roboto/Open Sans por selector → hace
   falta !important. Se excluyen íconos (Font Awesome y afines) y SVG para no
   romperlos, y los títulos que van en Poppins. */
body,
body *:not(h1):not(h2):not(h3):not(i):not(svg):not(svg *):not(code):not(pre):not([class*="fa"]):not([class*="icon"]):not(.lp-total-reviews):not(.bh-pro__title):not(.bh-cta__title):not(.bindy-hero__name) {
  font-family: var(--bindy-font-body) !important;
}
h1, h2, h3,
.bindy-hero__name,
.listing-second-view .post-row-header h3,
.lp-total-reviews,
.bmp-h2, .bindy-panelu h1,
.bh-search-card__title, .bh-pro__title, .bh-cta__title {
  font-family: var(--bindy-font-display) !important;
  font-weight: 600;
}
.bh-hero__title, .bh-strip__title, .bindy-hero__name, .bh-pro__title, .bh-cta__title { font-weight: 700; }