/* ====================================================================================

	Font families and character sizes

	The artboard is set in Helvetica Neue throughout, so the UI stack is web-safe and loads nothing. Geist Pixel is the one real webfont, used only inside Clippy's text box, and is self-hosted + deferred.

	@related fonts_text_charstyles_type_headings_titles

==================================================================================== */

:root {

	/* ------------------------------------------
		WARNING: Wrap font names in QUOTES if the name contains spaces! Otherwise a minifier may compress something like "Arial Black" to Arial #000.
	------------------------------------------ */

	--font-family-ui:    "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-family-pixel: "Geist Pixel", "Courier New", Courier, monospace; /* @match geist_pixel_family - family name, wherever it is declared or asked for */

	--font-weight-regular: 400;
	--font-weight-medium:  500;
	--font-weight-bold:    700;

	/* Sizes are px because the artboard is a pixel-locked clone of a specific product UI. Escalate to rem if a text-resize requirement lands. */
	--text-title:       18px;
	--text-post-author:     15px;
	--text-search:          13px;
	--text-news-headline:   13px;
	--text-body:            12px;
	--text-label:           12px; /* Rail buttons, post action labels */
	--text-byline:          11px; /* "Jane Smith likes this" */
	--text-meta:            10px;
	--text-nav:             10px;
	--text-timestamp:        8px;

	--tracking-title:  -0.3551px;
	--tracking-nav:        0.2px;
	--tracking-meta:      -0.2px;

}