/* ══════════════════════════════════════════════════════════════════
   GENERADO · NO EDITAR A MANO
   Fuente: Claude Design · Tu RentaSmart Design System
   Proyecto: 71b810fe-c420-4c4d-9042-4f79d1c7d8d8
   Cualquier cambio se hace aguas arriba y se re-sincroniza.
   Ver design/README.md
   ══════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900&family=Instrument+Serif:ital@0;1&display=swap');
:root{
/* ─── FAMILIES ─────────────────────────────────────────── */
--font-display:'Roboto Flex','Helvetica Neue',Helvetica,Arial,sans-serif;
--font-body:'Roboto Flex','Helvetica Neue',Helvetica,Arial,sans-serif;
--font-serif:'Instrument Serif',Georgia,serif;
--font-mono:'SFMono-Regular','SF Mono',Consolas,'Liberation Mono',monospace;
--font-accent-italic:italic 400 1em/1 'Instrument Serif', 'Times New Roman', serif;

/* ─── WEIGHT SCALE (7 pesos, uso reglado) ──────────────── */
--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-extrabold:800;
--weight-black:900;

/* ─── TRACKING por tamaño (óptico, Apple-style) ────────── */
--tracking-hero:-0.038em;
--tracking-display:-0.028em;
--tracking-title:-0.020em;
--tracking-heading:-0.012em;
--tracking-body:-0.005em;
--tracking-caption:0;
--tracking-label:0.08em;
--tracking-eyebrow:0.14em;

/* ─── DISPLAY ── 6 niveles, hero → compact ─────────────── */
--text-display-3xl:var(--weight-bold) 112px/0.94 var(--font-display);
--text-display-2xl:var(--weight-bold) 88px/0.98 var(--font-display);
--text-display-xl:var(--weight-bold) 68px/1.02 var(--font-display);
--text-display-lg:var(--weight-bold) 52px/1.05 var(--font-display);
--text-display-md:var(--weight-bold) 40px/1.10 var(--font-display);
--text-display-sm:var(--weight-bold) 30px/1.18 var(--font-display);

/* ─── TITLES ── puente display↔heading ─────────────────── */
--text-title-lg:var(--weight-semibold) 26px/1.25 var(--font-display);
--text-title-md:var(--weight-semibold) 22px/1.30 var(--font-display);
--text-title-sm:var(--weight-semibold) 19px/1.35 var(--font-display);

/* ─── HEADINGS ── UI estructural ───────────────────────── */
--text-heading-lg:var(--weight-semibold) 17px/1.40 var(--font-body);
--text-heading-md:var(--weight-semibold) 15px/1.42 var(--font-body);
--text-heading-sm:var(--weight-semibold) 13px/1.45 var(--font-body);

/* ─── BODY ── 4 niveles ────────────────────────────────── */
--text-body-xl:var(--weight-regular) 19px/1.60 var(--font-body);
--text-body-lg:var(--weight-regular) 17px/1.60 var(--font-body);
--text-body-md:var(--weight-regular) 15px/1.55 var(--font-body);
--text-body-sm:var(--weight-regular) 13px/1.52 var(--font-body);
--text-body-xs:var(--weight-regular) 12px/1.45 var(--font-body);

/* ─── UI / LABELS ──────────────────────────────────────── */
--text-label-lg:var(--weight-medium) 14px/1.20 var(--font-body);
--text-label-md:var(--weight-medium) 13px/1.20 var(--font-body);
--text-label-sm:var(--weight-medium) 12px/1.20 var(--font-body);
--text-label:var(--weight-semibold) 12px/1.30 var(--font-body);
--text-eyebrow:var(--weight-medium) 11px/1.20 var(--font-body);
--text-caption:var(--weight-regular) 12px/1.40 var(--font-body);
--text-button-lg:var(--weight-semibold) 15px/1 var(--font-body);
--text-button-md:var(--weight-semibold) 14px/1 var(--font-body);
--text-button-sm:var(--weight-semibold) 13px/1 var(--font-body);

/* ─── NUMERALS ── cifras financieras, tabulares ────────── */
--numeral-hero:var(--weight-bold) 72px/1 var(--font-display);
--numeral-xl:var(--weight-bold) 52px/1 var(--font-display);
--numeral-lg:var(--weight-bold) 38px/1 var(--font-display);
--numeral-md:var(--weight-bold) 26px/1 var(--font-display);
--numeral-sm:var(--weight-semibold) 18px/1 var(--font-display);
--numeral-xs:var(--weight-semibold) 14px/1 var(--font-display);
--numeral-tracking:-0.022em;
--numeral-delta:var(--weight-semibold) 12px/1 var(--font-body);

/* ─── MONO ── IDs, códigos, timestamps ─────────────────── */
--text-mono-md:var(--weight-medium) 13px/1.45 var(--font-mono);
--text-mono-sm:var(--weight-medium) 11px/1.40 var(--font-mono);
--tracking-mono:0.01em;

/* ─── SERIF ACCENT ── una palabra por titular, máx. ────── */
--text-serif-accent:italic var(--weight-regular) 1em/1 var(--font-serif);
}