/* Priti Cosmetic — tipografía (v1.2).
   DOS VOCES MANDAN, todo lo demás es soporte:
     1. Instrument Serif  → titulares, nombres importantes, portadas, destacados.
     2. Micro-copy en MAYÚSCULAS con tracking amplio (Poppins 600) → categorías,
        navegación, marcas, estados, etiquetas, información secundaria.
   Poppins regular/light es soporte: descripciones, cuerpo, precios funcionales.
   Baloo 2 queda RESTRINGIDA: solo cifras dentro de un burst y piezas impresas
   tipo etiqueta. Caveat es opcional y decorativa; no es voz del sistema. */
:root{
  /* familias */
  --font-editorial:"Instrument Serif",Georgia,serif;                  /* voz 1 */
  --font-sans:"Poppins",system-ui,-apple-system,sans-serif;           /* voz 2 + soporte */
  --font-display:"Baloo 2","Baloo Thambi 2",system-ui,sans-serif;     /* uso restringido */
  --font-script:"Caveat","Segoe Script",cursive;                      /* opcional */

  /* tamaños — mobile-first vertical */
  --text-2xs:11px;
  --text-xs:12px;
  --text-sm:13px;
  --text-base:15px;
  --text-md:17px;
  --text-lg:20px;
  --text-xl:24px;
  --text-2xl:30px;
  --text-3xl:38px;
  --text-4xl:48px;
  --text-5xl:64px;
  --text-6xl:84px;

  /* pesos */
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-display:800;

  /* interlineado */
  --leading-tight:1.02;
  --leading-snug:1.14;
  --leading-heading:1.24;
  --leading-body:1.55;
  --leading-loose:1.7;

  /* tracking */
  --tracking-display:-0.01em;
  --tracking-normal:0;
  --tracking-wide:0.06em;
  --tracking-wider:0.14em;
  --tracking-widest:0.24em;
  --tracking-micro:0.30em;

  /* roles compuestos — voz 1: editorial */
  --type-hero:var(--weight-regular) var(--text-5xl)/var(--leading-tight) var(--font-editorial);
  --type-display:var(--weight-regular) var(--text-3xl)/var(--leading-snug) var(--font-editorial);
  --type-title:var(--weight-regular) var(--text-xl)/var(--leading-heading) var(--font-editorial);
  --type-editorial:var(--weight-regular) var(--text-2xl)/var(--leading-heading) var(--font-editorial);

  /* roles compuestos — voz 2: micro-copy en mayúsculas
     (aplica letter-spacing:var(--tracking-widest);text-transform:uppercase) */
  --type-micro:var(--weight-semibold) var(--text-xs)/1.2 var(--font-sans);
  --type-micro-lg:var(--weight-semibold) var(--text-sm)/1.2 var(--font-sans);
  --type-eyebrow:var(--weight-semibold) var(--text-2xs)/1.2 var(--font-sans);
  --type-label:var(--weight-semibold) var(--text-xs)/1.2 var(--font-sans);

  /* soporte */
  --type-subtitle:var(--weight-semibold) var(--text-md)/var(--leading-heading) var(--font-sans);
  --type-body:var(--weight-light) var(--text-base)/var(--leading-body) var(--font-sans);
  --type-body-sm:var(--weight-light) var(--text-sm)/var(--leading-body) var(--font-sans);
  --type-price:var(--weight-regular) var(--text-xl)/1.05 var(--font-editorial);
  --type-price-sans:var(--weight-semibold) var(--text-md)/1.1 var(--font-sans);
  --type-script:var(--weight-medium) var(--text-lg)/1.1 var(--font-script);
}