/* ==========================================================================
   pons-tokens.css — fuente única de la identidad visual de Pons.
   La importan el brochure (docs/brochure/pons-brochure.html) y, a futuro, la
   interfaz web (/app). Quien la use NO redefine colores propios.

   De dónde sale cada color (medido el 2026-09-26):
   - CSS publicado de medicinainteligente.ai:
       https://medicinainteligente.ai/_next/static/chunks/2mpjnekzdo4pz.css
     variables --color-*: navy #14213a, texto-sobre-navy #fcfdff,
     texto-secundario #44546f, texto-terciario #5d6b85, texto-terciario-claro
     #64708a, footer-texto #93a3c1, rosa #b0697f, rosa-claro #e3b9c4,
     azul #1f6fd0, azul-profundo #14549f, fondo #f7f9fd, superficie #fff.
     Las líneas son navy con alfa (#14213a12 a #14213a29).
   - HTML de la home de medicinainteligente.ai (https://medicinainteligente.ai):
     rosas #a15872 y #7f3f58 (rosa oscuro).
   - Derivado acá (no está publicado): --pons-acento-fondo = #e3b9c4 al 22 %
     sobre blanco (#f9f0f2).

   - Neutros propios de Pons, FUERA de la paleta MI (2026-09-26: los grises de
     MI #44546f/#5d6b85 tiran a azul): #2e2a2c, #3a3538, #6b6468, y el fondo
     neutro #f6f6f7.

   Regla de marca (v4, 2026-09-26). La define el logo "arco": nodo izquierdo
   navy (lo viejo, el CDA), nodo derecho rosa (lo nuevo, el FHIR) y el arco
   que los une.
   - Navy #14213a = ESTRUCTURA: títulos principales, bloques oscuros, números
     grandes, etiqueta y borde de "Hoy".
   - Rosa = LO NUEVO y el acento: rótulos, bordes superiores, "En
     construcción", CTA y links. #7f3f58 para texto (7,6:1 sobre blanco),
     #b0697f sólo para gráfica (4,1:1: no llega a AA como texto).
   - Firma: degradé navy -> rosa oscuro, con moderación (franja de portada,
     recuadro "Pons" del diagrama, línea del pie).
   - Fondos: blanco; si hace falta tenue, alternar neutro #f6f6f7 y rosado
     #f9f0f2. Nada azulado (#edf3fb, #f7f9fd).
   - Azul #1f6fd0 y azul profundo #14549f: no se usan en Pons.
   Contrastes (WCAG, luminancia relativa): blanco/navy 16:1, #e3b9c4/navy
   9,2:1, #93a3c1/navy 6,3:1, blanco/#7f3f58 7,6:1, blanco/#a15872 5,1:1,
   #3a3538/blanco 12:1, #6b6468/blanco 5,8:1, #6b6468/#f6f6f7 5,3:1.

   Tipografías: Manrope (cuerpo) y Space Grotesk (títulos), OFL 1.1, servidas
   desde fonts/ como TTF ESTÁTICOS por peso. No usar la versión variable de
   Google Fonts: Chrome la embebe en el PDF como Type 3 y el visor de macOS
   (PDFKit) parte las palabras al copiar ("Tam\nb\nién").
   ========================================================================== */

@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{
  /* --- estructura: navy (lo viejo, el CDA) --- */
  --pons-estructura:#14213a;           /* títulos, bloques oscuros, números grandes */
  --pons-primario:#14213a;             /* alias de --pons-estructura */
  --pons-sobre-primario:#ffffff;       /* texto sobre navy (16:1) */
  --pons-sobre-primario-tenue:#93a3c1; /* secundario sobre navy (6,3:1; footer-texto de MI) */
  --pons-sobre-primario-acento:#e3b9c4;/* énfasis rosa sobre navy (9,2:1) */

  /* --- lo nuevo y el acento: familia rosa (el FHIR) --- */
  --pons-acento:#b0697f;               /* sólo gráfica: nodo, flechas, viñetas, bordes */
  --pons-acento-texto:#7f3f58;         /* texto de acento, rótulos, links */
  --pons-acento-oscuro:#7f3f58;        /* bloques rosa con texto blanco (7,6:1) */
  --pons-acento-fuerte:#a15872;        /* etiqueta "En construcción" con texto blanco (5,1:1) */
  --pons-acento-medio:#bd7690;         /* gráfica secundaria */
  --pons-acento-suave:#e3b9c4;         /* bordes suaves */
  --pons-acento-fondo:#f9f0f2;         /* fondo rosado tenue (#e3b9c4 al 22 %) */
  --pons-sobre-acento:#ffffff;

  /* --- firma: el arco, de lo viejo a lo nuevo --- */
  --pons-firma:linear-gradient(135deg, #14213a 0%, #7f3f58 100%);
  --pons-firma-horizontal:linear-gradient(90deg, #14213a 0%, #7f3f58 100%);

  /* --- estados --- */
  --pons-estado-hoy:#14213a;           /* "Hoy" = estructura */
  --pons-estado-obra:#a15872;          /* "En construcción" = lo nuevo */

  /* --- texto sobre claro: neutros propios de Pons --- */
  --pons-texto:#3a3538;
  --pons-texto-fuerte:#2e2a2c;
  --pons-texto-terciario:#6b6468;

  /* --- links y CTA: rosa, sin azul --- */
  --pons-link:#7f3f58;
  --pons-cta:#7f3f58;
  --pons-sobre-cta:#ffffff;

  /* --- fondos y líneas --- */
  --pons-superficie:#ffffff;
  --pons-fondo-portada:#ffffff;
  --pons-fondo:#f6f6f7;                /* tenue neutro */
  --pons-fondo-neutro:#f6f6f7;
  --pons-linea:#2e2a2c1a;
  --pons-linea-suave:#2e2a2c12;
  --pons-linea-fuerte:#2e2a2c29;
  --pons-linea-sobre-primario:#ffffff26;
  --pons-velo-sobre-primario:#ffffff1f;

  /* --- tipografía --- */
  --pons-fuente-cuerpo:"Manrope", Helvetica, Arial, sans-serif;
  --pons-fuente-titulos:"Space Grotesk", "Manrope", sans-serif;
  --pons-fuente-mono:"SF Mono", Menlo, Consolas, monospace;

  /* --- forma --- */
  --pons-radio-chico:4px;
  --pons-radio:8px;
  --pons-radio-pill:20px;
  --pons-espacio-1:1mm;
  --pons-espacio-2:2mm;
  --pons-espacio-3:3mm;
  --pons-espacio-4:4mm;
  --pons-espacio-6:6mm;
  --pons-sombra:0 1px 2px #2e2a2c0f, 0 4px 12px #2e2a2c0d;
}