/* ============================================================ Typography — A∴R∴L∴S∴ Justiça e Liberdade A serif-display + sans-UI pairing. Titles and lodge names are set in Cormorant Garamond, frequently italic; everything structural (nav, labels, buttons, inputs) is Inter; codes, dates and numerals use JetBrains Mono with tabular figures. ============================================================ */ :root { /* ---- Families ---- */ --f-display: 'Cormorant Garamond', 'EB Garamond', Georgia, serif; /* @kind font */ --f-serif: 'Cormorant Garamond', Georgia, serif; /* @kind font */ --f-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; /* @kind font */ --f-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace; /* @kind font */ /* ---- Type scale (px) ---- */ --t-eyebrow: 10px; /* uppercase 0.18em label */ --t-micro: 11px; --t-small: 12px; --t-body: 14px; /* base body */ --t-lead: 17px; /* italic lead / resumo */ --t-h3: 20px; --t-h2: 22px; /* modal / section heads */ --t-h1: 32px; /* page titles */ --t-display: 38px; /* detail titles */ /* ---- Weights ---- */ --w-regular: 400; /* @kind font */ --w-medium: 500; /* @kind font */ --w-semibold: 600; /* @kind font */ --w-bold: 700; /* @kind font */ /* ---- Tracking ---- */ --track-eyebrow: 0.18em; /* uppercase eyebrows / nav labels */ --track-tag: 0.12em; /* table heads, field labels */ --track-tight: -0.01em; /* large display headings */ /* ---- Semantic aliases ---- */ --text-body: var(--f-ui); --text-display: var(--f-display); --text-mono: var(--f-mono); } /* "Modern" type mode — sans for headings too (the app default). Remove data-type="modern" from for the classic serif look. */ [data-type="modern"] { --f-display: 'Inter', -apple-system, sans-serif; /* @kind font */ --f-serif: 'Inter', -apple-system, sans-serif; /* @kind font */ }