/* ============================================================
   BioSync Manager — tokens de diseño
   Paleta muestreada digitalmente de la presentación comercial.
   Regla de proporción: ~70% claro / 20% navy / 10% naranja.
   ============================================================ */
:root {
  /* Azules — color de peso (hero, cumplimiento, CTA final, footer) */
  --bs-navy-900: #050E28;
  --bs-navy-700: #0A1B40;   /* PRIMARIO de marca */
  --bs-navy-500: #14264E;
  --bs-navy-300: #9FB0D0;   /* texto secundario sobre navy */

  /* Naranjas — color de acción (nunca fondo de sección) */
  --bs-orange-600: #D94A00; /* hover / links en texto corrido (AA) */
  --bs-orange-500: #F85800; /* botones, iconos, resaltes */
  --bs-orange-400: #F8762E; /* extremo claro del degradado */
  --bs-orange-100: #FDE8DA; /* fondo de iconos circulares y chips */
  --bs-grad-cta: linear-gradient(45deg, #F84800, #F8762E);

  /* Neutros */
  --bs-gray-50:  #F8F8F8;
  --bs-gray-200: #E8E8E8;
  --bs-gray-600: #5A6072;
  --bs-white:    #FFFFFF;
  --bs-ink:      #1A2233;   /* texto principal sobre claro */

  /* Tipografía */
  --bs-font: 'Poppins', system-ui, -apple-system, sans-serif;
  --fs-h1: clamp(1.5rem, 3.5vw, 2.5rem);
  --fs-h2: clamp(1.35rem, 2.5vw, 1.9rem);
  --fs-h3: clamp(1rem, 1.6vw, 1.1rem);
  --fs-body: 1rem;          /* 16 px mínimo */
  --fs-small: .875rem;

  /* Forma y elevación */
  --radius-card: 18px;
  --radius-btn: 999px;
  --shadow-card: 0 8px 30px rgba(5, 14, 40, .08);
  --shadow-card-hover: 0 14px 40px rgba(5, 14, 40, .14);

  /* Ritmo vertical */
  --section-y: clamp(3.5rem, 8vw, 6.5rem);
  --container: 1180px;
}