:root{
/* Families */
--font-display:"Cinzel",'Times New Roman',serif;          /* NORTE — Trajan-like roman caps */
--font-serif:"Cormorant Garamond",Georgia,serif;           /* "Marisquería Sabor del" */
--font-sans:"Montserrat",system-ui,sans-serif;             /* all UI, info bars, body */
--font-script:"Sacramento",cursive;                        /* flyer accent script */

/* Sizes — 1.25 ratio off a 16px body */
--text-3xs:11px;--text-2xs:12px;--text-xs:13px;--text-sm:14px;--text-md:16px;
--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:46px;
--text-5xl:58px;--text-6xl:76px;

/* Weights */
--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-black:800; /* @kind font */

/* Line heights */
--lh-tight:1.05; /* @kind font */
--lh-snug:1.2; /* @kind font */
--lh-normal:1.5; /* @kind font */
--lh-relaxed:1.7; /* @kind font */

/* Tracking — wide caps are a brand signature (see "NEGRAS" on the flyers) */
--track-tight:-0.01em; /* @kind font */
--track-normal:0; /* @kind font */
--track-wide:0.06em; /* @kind font */
--track-wider:0.14em; /* @kind font */
--track-widest:0.26em; /* @kind font */

/* Semantic roles */
--type-display:var(--fw-bold) var(--text-5xl)/var(--lh-tight) var(--font-display); /* @kind font */
--type-h1:var(--fw-bold) var(--text-4xl)/var(--lh-snug) var(--font-display); /* @kind font */
--type-h2:var(--fw-semibold) var(--text-2xl)/var(--lh-snug) var(--font-sans); /* @kind font */
--type-h3:var(--fw-bold) var(--text-lg)/var(--lh-snug) var(--font-sans); /* @kind font */
--type-body:var(--fw-regular) var(--text-md)/var(--lh-normal) var(--font-sans); /* @kind font */
--type-small:var(--fw-medium) var(--text-sm)/var(--lh-normal) var(--font-sans); /* @kind font */
--type-label:var(--fw-bold) var(--text-2xs)/var(--lh-normal) var(--font-sans); /* @kind font */
--type-quote:var(--fw-regular) var(--text-4xl)/1.1 var(--font-script); /* @kind font */
}
