:root{
/* familias */
--font-display:"Cormorant Garamond","Times New Roman",serif;
--font-sans:"Jost","Helvetica Neue",Arial,sans-serif;
--font-body:var(--font-sans);

/* escala de tamaños — razón 1.25, anclada en 16px de texto corrido */
--text-3xs:10px;--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-base:16px;
--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;
--text-5xl:64px;--text-6xl:84px;--text-7xl:112px;

/* pesos */
--weight-light:300;/* @kind other */--weight-regular:400;/* @kind other */--weight-medium:500;/* @kind other */--weight-semibold:600;/* @kind other */--weight-bold:700;/* @kind other */

/* interlíneas */
--leading-tight:0.98;/* @kind other */--leading-display:1.06;/* @kind other */--leading-snug:1.25;/* @kind other */--leading-normal:1.5;/* @kind other */--leading-relaxed:1.68;/* @kind other */

/* tracking — el rasgo de la marca es la caja alta con tracking amplio */
--tracking-tightest:-0.03em;/* @kind other */--tracking-tight:-0.01em;/* @kind other */--tracking-none:0;/* @kind other */
--tracking-wide:0.06em;/* @kind other */--tracking-wider:0.14em;/* @kind other */--tracking-widest:0.26em;/* @kind other */--tracking-mark:0.42em;/* @kind other */

/* roles compuestos */
--type-display:var(--weight-light) var(--text-6xl)/var(--leading-display) var(--font-display);
--type-h1:var(--weight-light) var(--text-4xl)/var(--leading-display) var(--font-display);
--type-h2:var(--weight-regular) var(--text-3xl)/var(--leading-snug) var(--font-display);
--type-h3:var(--weight-regular) var(--text-xl)/var(--leading-snug) var(--font-display);
--type-eyebrow:var(--weight-medium) var(--text-2xs)/1.4 var(--font-sans);
--type-body:var(--weight-light) var(--text-base)/var(--leading-relaxed) var(--font-sans);
--type-body-sm:var(--weight-light) var(--text-sm)/var(--leading-normal) var(--font-sans);
--type-label:var(--weight-medium) var(--text-xs)/1.3 var(--font-sans);
--type-button:var(--weight-medium) var(--text-xs)/1 var(--font-sans);
--type-price:var(--weight-regular) var(--text-lg)/1.2 var(--font-display);
}
