:root{
/* Families — the guide names Inter for Titulos, Chivo for Cuerpos. */
--font-display:"Inter","Helvetica Neue",Arial,sans-serif;
--font-body:"Chivo","Inter",Arial,sans-serif;
--font-mono:ui-monospace,"SFMono-Regular","Menlo",monospace;

/* Weights actually used by the brand */
--fw-body:400; /* @kind font */
--fw-body-medium:500; /* @kind font */
--fw-body-bold:700; /* @kind font */
--fw-title-semibold:600; /* @kind font */
--fw-title-bold:700; /* @kind font */
--fw-title-extrabold:800; /* @kind font */

/* Type scale — display uses tight tracking, body stays neutral */
--fs-display-xl:clamp(3.25rem,6.5vw,5.5rem); /* @kind font */
--fs-display-lg:clamp(2.5rem,4.6vw,4rem); /* @kind font */
--fs-display-md:clamp(2rem,3.2vw,2.75rem); /* @kind font */
--fs-h1:2.25rem; /* @kind font */
--fs-h2:1.75rem; /* @kind font */
--fs-h3:1.375rem; /* @kind font */
--fs-h4:1.125rem; /* @kind font */
--fs-body-lg:1.125rem; /* @kind font */
--fs-body:1rem; /* @kind font */
--fs-body-sm:0.875rem; /* @kind font */
--fs-caption:0.8125rem; /* @kind font */
--fs-overline:0.75rem; /* @kind font */

--lh-display:0.98; /* @kind font */
--lh-heading:1.14; /* @kind font */
--lh-snug:1.35; /* @kind font */
--lh-body:1.6; /* @kind font */
--lh-loose:1.75; /* @kind font */

--ls-display:-0.035em; /* @kind font */
--ls-heading:-0.02em; /* @kind font */
--ls-body:0; /* @kind font */
--ls-overline:0.14em; /* @kind font */

/* Semantic type roles */
--type-hero-family:var(--font-display); /* @kind font */
--type-hero-weight:var(--fw-title-extrabold); /* @kind font */
--type-body-family:var(--font-body); /* @kind font */
--type-overline-transform:uppercase; /* @kind font */
}