/**
 * Finewerk typography foundation.
 *
 * Single source of truth for the two site faces:
 *
 *   Titles / headings / stat numbers  ->  Hubot Sans
 *   Body / secondary / UI copy        ->  Archivo
 *
 * `Hubot Sans` is the family name of the font uploaded to WordPress (Elementor
 * Custom Fonts prints its @font-face into the document head) and is also the
 * family name of the self-hosted variable face declared by the softro-child
 * theme. This plugin only *references* that name — it ships no font file of its
 * own and adds no external font request.
 *
 * Every widget / Header / Footer stylesheet declares this file as a dependency,
 * so it is a normal <link> in the head and the correct face is in effect on the
 * very first paint. Nothing here is injected by JavaScript.
 *
 * Cascade contract: components consume these variables at single-class
 * specificity (and through zero-specificity `:where()` for tag groups). Elementor
 * writes typography controls as `.elementor-{post} .elementor-element.elementor-element-{id} .selector`,
 * which always outranks that — so an explicit Typography selection in the editor
 * still wins. Nothing in this system uses `!important`.
 *
 * @package ChiliHouse\FinewerkCustomElements
 */

:root {
	/* Titles, headings, card/service/FAQ titles, hero titles, stat numbers. */
	--fw-font-title: "Hubot Sans", "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Paragraphs, descriptions, labels, pills, buttons, links, forms, nav. */
	--fw-font-body: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}