/* ==========================================================================
   tokens/typography
   Famílias [estimado]: o CSS da referência não pôde ser lido. A escolha
   reproduz o que aparece nas artes — serifa de alto contraste em "COMBO"
   (Playfair Display) e sans humanista semibold nos rótulos (Fira Sans).
   Para trocar a marca, altere apenas --font-display e --font-body.
   ========================================================================== */
:root {
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Fira Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Escala fluida (≈ razão 1.25), mínimo em 390px, máximo em 1440px */
  --text-xs:   0.75rem;                                  /* 12 */
  --text-sm:   0.875rem;                                 /* 14 */
  --text-base: 1rem;                                     /* 16 */
  --text-lg:   clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --text-xl:   clamp(1.25rem, 1.12rem + 0.5vw, 1.5rem);
  --text-2xl:  clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --text-3xl:  clamp(1.875rem, 1.5rem + 1.6vw, 2.75rem);
  --text-4xl:  clamp(2.25rem, 1.6rem + 2.8vw, 4rem);

  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.55;

  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-caps: 0.08em;   /* títulos de categoria em caixa-alta, como na referência */
}