/* ==========================================================================
   farmarx-tokens.css: fuente única de la identidad visual de FarmaRx (farmacovigilancia para gobiernos).
   La importan el brochure y la landing. Quien la use NO define colores propios.

   Paleta cerrada de MedicinaInteligente (../../BRAND.md).
   Regla de marca de FarmaRx: PREDOMINAN LOS CLAROS de la paleta (Pablo, 2026-09-27): fondos #f7f9fd, #edf3fb,
   #eef4fd y el degradé claro de los hexágonos (#f0f6ff → #dce8f9 → #cbdcf3). Texto y estructura en navy;
   azul profundo #14549f para datos y links; rosa para alertas y el punto de "monitoreo en vivo" del escudo.
   Los tipos de receta se codifican con colores propios de la paleta (ver --fx-tipo-*), no con los colores
   físicos del talonario.
   Tipografías: Manrope (cuerpo) y Space Grotesk (títulos), TTF estáticos (sin Type 3 en el PDF).
   ========================================================================== */

@font-face{ font-family:"Manrope"; font-weight:400; font-style:normal; src:url("fonts/Manrope-400.ttf") format("truetype"); }
@font-face{ font-family:"Manrope"; font-weight:500; font-style:normal; src:url("fonts/Manrope-500.ttf") format("truetype"); }
@font-face{ font-family:"Manrope"; font-weight:600; font-style:normal; src:url("fonts/Manrope-600.ttf") format("truetype"); }
@font-face{ font-family:"Manrope"; font-weight:700; font-style:normal; src:url("fonts/Manrope-700.ttf") format("truetype"); }
@font-face{ font-family:"Manrope"; font-weight:800; font-style:normal; src:url("fonts/Manrope-800.ttf") format("truetype"); }
@font-face{ font-family:"Space Grotesk"; font-weight:500; font-style:normal; src:url("fonts/SpaceGrotesk-500.ttf") format("truetype"); }
@font-face{ font-family:"Space Grotesk"; font-weight:600; font-style:normal; src:url("fonts/SpaceGrotesk-600.ttf") format("truetype"); }
@font-face{ font-family:"Space Grotesk"; font-weight:700; font-style:normal; src:url("fonts/SpaceGrotesk-700.ttf") format("truetype"); }

:root{
  --fx-navy:#14213a;
  --fx-azul:#1f6fd0;
  --fx-azul-profundo:#14549f;
  --fx-rosa:#b0697f;
  --fx-rosa-oscuro:#7f3f58;
  --fx-rosa-claro:#e3b9c4;

  --fx-texto:#44546f;
  --fx-texto-terciario:#5d6b85;
  --fx-texto-tenue:#8a97ad;

  --fx-superficie:#ffffff;
  --fx-fondo:#f7f9fd;
  --fx-fondo-seccion:#edf3fb;
  --fx-fondo-contacto:#eef4fd;
  --fx-fondo-hex:#dce8f9;
  --fx-fondo-rosa:#f9f0f2;
  --fx-linea:rgb(20 33 58 / .10);
  --fx-linea-fuerte:rgb(20 33 58 / .16);

  --fx-claro:linear-gradient(155deg, #f0f6ff 0%, #dce8f9 50%, #cbdcf3 100%);
  --fx-escudo:linear-gradient(155deg, #23365c 0%, #14213a 55%, #14549f 100%);

  /* Tipos de receta (codificación de la paleta, para tableros y gráficos) */
  --fx-tipo-comun:#1f6fd0;
  --fx-tipo-controlada-1:#b0697f;
  --fx-tipo-controlada-2:#7f3f58;
  --fx-tipo-cronica:#14549f;
  --fx-tipo-otra:#8a97ad;

  --fx-fuente-cuerpo:"Manrope", Helvetica, Arial, sans-serif;
  --fx-fuente-titulos:"Space Grotesk", "Manrope", sans-serif;

  --fx-radio:14px;
  --fx-radio-card:22px;
  --fx-radio-pill:100px;
  --fx-sombra:0 18px 34px rgba(20,33,58,.10);
}