/* Agencia AB · Design tokens v1 — julio 2026
   Fuente de verdad de la identidad. La futura web parte de aquí. */
:root {
  /* Base */
  --ab-crema: #FFFDF8;          /* fondo de todo */
  --ab-blanco: #FFFFFF;         /* cards y superficies elevadas */
  --ab-tinta: #26221B;          /* texto y titulares — café, nunca negro puro */
  --ab-gris: #6B6459;           /* texto secundario */
  --ab-linea: #EFE9DE;          /* bordes hairline y divisores */

  /* Acento A — menta (el sistema) */
  --ab-menta: #0FBE73;          /* gestos de marca, botones, señales */
  --ab-menta-profunda: #0A7A4C; /* texto verde legible sobre crema/blanco */
  --ab-menta-palida: #E2F8ED;   /* fondos suaves, chips */

  /* Ruptura — rosa "color B" (aparece cuando algo gana o cambia; máx. 1 vez por pieza) */
  --ab-rosa: #F2779A;           /* subrayados, sellos, el dato que importa */
  --ab-rosa-profundo: #C2426B;  /* texto rosa legible */
  --ab-rosa-palido: #FDE7EE;    /* fondo de chips de ruptura */

  /* Tipografía — solo dos familias (ambas Google Fonts) */
  --ab-font-display: 'Fraunces', Georgia, serif;      /* titulares y citas · 400–700, itálica = énfasis */
  --ab-font-body: 'Figtree', -apple-system, sans-serif; /* cuerpo, UI, números y etiquetas · 300–700 */
  /* Etiquetas de experimento (EXP-001, hex): Figtree 600, mayúsculas, letter-spacing .1em, tabular-nums */

  /* Escala tipográfica (desktop) */
  --ab-fs-hero: 64px;
  --ab-fs-titulo: 34px;
  --ab-fs-subtitulo: 20px;
  --ab-fs-cuerpo: 16px;
  --ab-fs-nota: 13px;
  --ab-fs-etiqueta: 11px;       /* uppercase, letter-spacing .18em */

  /* Geometría */
  --ab-radio-s: 8px;
  --ab-radio-m: 12px;
  --ab-radio-l: 18px;
  --ab-trazo-icono: 4px;        /* familia de instrumentos: puntas y uniones redondeadas */
}