@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
/* --- families --- */
--font-display:'Diagramm','Space Grotesk',system-ui,sans-serif;
--font-body:'IBM Plex Sans',system-ui,sans-serif;
--font-mono:'JetBrains Mono','SFMono-Regular',monospace;

/* --- size scale --- */
--text-2xs:.6875rem;   /* 11px — micro-labels */
--text-xs:.75rem;      /* 12px */
--text-sm:.875rem;     /* 14px */
--text-base:1rem;      /* 16px */
--text-md:1.125rem;    /* 18px */
--text-lg:1.375rem;    /* 22px */
--text-xl:1.75rem;     /* 28px */
--text-2xl:2.25rem;    /* 36px */
--text-3xl:3rem;       /* 48px */
--text-4xl:4.25rem;    /* 68px */
--text-5xl:6rem;       /* 96px */
--text-6xl:8.5rem;     /* 136px — poster-scale display */

/* --- weights --- */
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;

/* --- line-height --- */
--leading-tight:1.0;
--leading-snug:1.15;
--leading-normal:1.45;
--leading-relaxed:1.65;

/* --- letter-spacing --- */
--tracking-tight:-0.03em;
--tracking-snug:-0.01em;
--tracking-normal:0;
--tracking-wide:0.04em;
--tracking-label:0.12em; /* uppercase eyebrow labels, mono */
}