:root{
--font-display: "Space Grotesk", "Space Grotesk Fallback", sans-serif; /* headlines AND body */
--font-mono: "IBM Plex Mono", ui-monospace, monospace; /* meta, labels, numbers */
/* golden-ratio type scale — base 16, minor step √φ ≈ 1.272, major step φ ≈ 1.618 */
--text-xs: 11px; --text-sm: 13px; --text-base: 16px;
--text-md: 20px; --text-lg: 26px; --text-xl: 34px;
--text-2xl: 42px; --text-3xl: 68px; --text-display: 110px;
/* tracking */
--tracking-display: -0.02em; /* wordmark + headlines */
--tracking-heading: -0.01em;
--tracking-tag: 0.08em; /* "Made By Ariel." tagline */
--tracking-mono: 0.14em; /* mono labels, min */
--tracking-mono-wide: 0.22em; /* mono labels, max */
/* weights: headlines 700 · subheads 500-600 · body 400 */
--weight-mark: 700; --weight-heading: 600; --weight-sub: 500; --weight-body: 400;
/* leading */
--leading-display: 0.95; --leading-heading: 1.1; --leading-body: 1.618; /* φ */
}