/* Tokens de marca RAFERR — la fuente que importa el sitio.
 *
 * Los valores y las reglas estan en `marca/MARCA.md`, y los ratios NO se escriben a mano:
 *
 *     python _salud/contraste_marca.py
 *
 * Este archivo vive en el repo, no en Drive, por dos razones: si desaparece el sitio se
 * rompe, y el 2026-08-30 una carpeta creada en Drive se perdio entera -- local y nube.
 *
 * REGLA DURA, y es la que cualquiera rompe por defecto:
 *     --azul NUNCA sobre --navy. Dan 2.15:1. Son los dos colores de la marca y juntos
 *     son ilegibles. Sobre navy se usa la escala fria (--frio-2, --frio-3).
 */

:root {
  /* Marca. De `paleta raferr.pdf` (2023). */
  --navy:      #000328;   /* texto principal; fondo de bloque de enfasis          */
  --azul:      #00458E;   /* acento: enlaces, cifras, filetes. SOLO sobre claro   */
  --blanco:    #FFFFFF;

  /* Neutrales. No inventados: promovidos de lo que la vCard ya publicaba. */
  --fondo:     #e8eaf0;   /* fondo de pagina                                      */
  --borde:     #e7eaf1;   /* borde de tarjeta                                     */
  --hover:     #f2f4f9;   /* fondo de hover                                       */

  /* Escala fria — para texto SOBRE navy, donde el azul no se puede usar. */
  --frio-2:    #b8c2d6;   /* secundario sobre navy   11.24:1 AAA                  */
  --frio-3:    #8f9bb8;   /* terciario sobre navy     7.23:1 AAA                  */

  /* Caption sobre claro. Reemplaza al #9aa3b8 de la vCard, que daba 2.53:1 y no
   * llegaba ni a AA -- publicado asi desde julio de 2026. Este pasa AA sobre los
   * dos fondos: 5.73:1 sobre blanco y 4.76:1 sobre --fondo. */
  --caption:   #5c6680;

  /* Tipografia. Autoalojadas y subseteadas; ya es el estandar de todo lo que sale
   * del despacho. Los fallbacks son deliberados: si la woff2 no carga, el texto
   * sigue leyendose con una gruesa para titulos y una humanista para cuerpo. */
  --tipo-titulo: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --tipo-cuerpo: "Lato", "Segoe UI", system-ui, sans-serif;

  /* ---- Escala tipografica. Aprobada el 2026-08-30 en el Canvas A. -------------------
   * Los ocho tamanos NO se propusieron: se midieron del CSS de la vCard en produccion,
   * que es el unico entregable del despacho que ya publica una jerarquia completa.
   *
   *     python _salud/escala_vcard.py
   *
   * Los tres interlineados tambien salen de ahi (1, 1.25, 1.5), y no hay un cuarto. */
  --t-display:  44px;   /* Montserrat 800 · lh 1.0  — cifra grande, monograma        */
  --t-titulo:   27px;   /* Montserrat 700 · lh 1.25 — titulo de pagina               */
  --t-seccion:  20px;   /* Montserrat 700 · lh 1.25 — encabezado de seccion          */
  --t-cuerpo:   16px;   /* Lato 400       · lh 1.5  — parrafo. No se baja por espacio */
  --t-boton:    15px;   /* Montserrat 600 · lh 1.25 — el unico uso del peso 600      */
  --t-apoyo:    14px;   /* Lato 400       · lh 1.5  — enlaces menores, filas         */
  --t-caption:  13px;   /* Lato 400       · lh 1.5  — matiza sin competir            */
  --t-micro:    12px;   /* Lato 400       · lh 1.5  — el suelo. Nada baja de aqui    */

  --lh-apretado: 1;
  --lh-titulo:   1.25;
  --lh-cuerpo:   1.5;

  /* ---- Rejilla de espaciado. Base 4. Aprobada el 2026-08-30. ------------------------
   * Amarra a lo que venga: sitio, plantillas, impresos. **No reescribe la vCard**, que
   * se afino a mano y de cuyos 16 valores solo 5 caen aqui. Ese numero esta medido y se
   * vuelve a sacar con el mismo comando de arriba. */
  --esp-4:   4px;    /* icono y su etiqueta          */
  --esp-8:   8px;    /* elementos de una misma fila  */
  --esp-12: 12px;    /* botones apilados             */
  --esp-16: 16px;    /* padding de un control        */
  --esp-24: 24px;    /* padding de tarjeta           */
  --esp-32: 32px;    /* entre bloques de una seccion */
  --esp-48: 48px;    /* margen de pagina             */
  --esp-64: 64px;    /* aire de un bloque de enfasis */
  --esp-96: 96px;    /* respiro grande en escritorio */

  /* ---- Radios. Medidos, no elegidos: son los tres que la vCard usa. ---------------- */
  --radio-2:   2px;  /* filete, barra, marcador           */
  --radio-12: 12px;  /* boton secundario, campo           */
  --radio-14: 14px;  /* tarjeta, boton primario, caja     */

  /* ---- Foco. Aprobado el 2026-08-30, y es la decision que mas cuesta si se olvida. --
   * REGLA DURA: sobre navy el anillo NO puede ser --azul. Dan 2.15:1, el mismo par
   * prohibido de arriba, y un foco invisible es un boton que no se puede usar con el
   * teclado. Sobre navy va --frio-2, que da 11.24:1.
   *
   * La vCard no tiene estado de foco, asi que este par no existia y no se heredo de
   * ningun sitio: sale del Canvas A. */
  --foco-claro:  #00458E;   /* anillo sobre blanco y sobre --fondo   9.37:1  */
  --foco-navy:   #b8c2d6;   /* anillo sobre navy                   11.24:1  */
  --foco-ancho:  3px;
  --foco-offset: 3px;
}

/* Lo que NO se usa, escrito para que no vuelva:
 *   #9aa3b8  caption viejo de la vCard      2.53:1 sobre blanco   FALLA
 *   #003566  azul del logotipo hasta 2026-08-30, repintado a --azul
 *   #000000  negro puro en pantalla: 1.04:1 sobre navy. Solo tinta.
 */