/* ============================================================
   CertREV, Typography tokens
   ------------------------------------------------------------
   Four functional roles. The editorial voice = serif headings +
   mono eyebrows + sans body. Allura is reserved for signatures.

     serif    Playfair Display   display, headings, money figures
     sans     DM Sans            body, UI, buttons, labels
     mono     JetBrains Mono     eyebrows, metadata, data, tags
     wordmark Plus Jakarta Sans  the "CertREV" lockup only (800)
     script   Allura             signatures, certificate flourishes
   ============================================================ */

:root {
	/* ---- Families ---- */
	--font-serif: 'Playfair Display', ui-serif, Georgia, 'Times New Roman', serif;
	--font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	--font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
	--font-wordmark: 'Plus Jakarta Sans', -apple-system, system-ui, Helvetica, Arial, sans-serif;
	--font-script: 'Allura', 'Brush Script MT', cursive;

	/* ---- Weights ---- */
	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
	--weight-black: 900;
	--weight-wordmark: 800;

	/* ---- Display / heading scale (Playfair) ---- */
	--text-display: 44px;   /* hero / page titles */
	--text-h1: 36px;
	--text-h2: 30px;
	--text-h3: 26px;
	--text-h4: 22px;
	--text-title: 18px;     /* card / row titles */

	/* ---- Body scale (DM Sans) ---- */
	--text-lead: 18px;      /* intro paragraphs */
	--text-body: 16px;      /* default reading size */
	--text-body-sm: 15px;   /* dense body / email body */
	--text-ui: 14px;        /* UI labels, buttons */
	--text-caption: 13px;
	--text-fine: 12px;

	/* ---- Eyebrow / label (JetBrains Mono) ---- */
	--text-eyebrow: 10px;
	--tracking-eyebrow: 0.18em;   /* uppercase mono labels */
	--tracking-wordmark: 0.04em;

	/* ---- Line heights ---- */
	--leading-tight: 1.15;   /* display headings */
	--leading-snug: 1.3;     /* titles */
	--leading-body: 1.65;    /* body copy */
	--leading-ui: 1.45;

	/* ---- Heading letter-spacing ---- */
	--tracking-heading: -0.01em;
}