/**
 * FAQ Network — brand design tokens.
 *
 * Child themes override these custom properties (and nothing else) to re-brand
 * a site: enqueue a stylesheet after this one, or drop a tokens.css in the
 * child theme (it is picked up automatically, see inc/assets.php).
 *
 * NOTE: the legacy compiled stylesheet (style.css) predates this token layer
 * and still contains literal color values. New/refactored styles must consume
 * these variables; as components get touched, migrate their colors here.
 */

:root {
	/* Brand palette (defaults = current FAQ look) */
	--faqn-gold: #dda53e;
	/* Darker gold for white icons/text on gold: 3.5:1 against white, where
	   --faqn-gold is only 2.2:1 (below the 3:1 minimum). Same hue. */
	--faqn-gold-dark: #b48020;
	--faqn-grey-light: #c7c1b8;
	--faqn-grey-dark: #3d3d3d;
	--faqn-brown: #a5694f;
	--faqn-off-white: #f9f5ee;

	/* Semantic aliases — templates/components should prefer these */
	--faqn-color-primary: var(--faqn-gold);
	--faqn-color-text: #111111;
	--faqn-color-heading: #555555;
	--faqn-color-text-inverse: #ffffff;
	--faqn-color-surface: #ffffff;
	--faqn-color-surface-alt: var(--faqn-off-white);

	/* Typography */
	--faqn-font-primary: "twk_lausanne300", sans-serif;
	--faqn-font-heading: "twk_lausanne400", sans-serif;

	/* Logo display height (header + footer). The img attributes carry the
	   file's intrinsic size for aspect-ratio/no-layout-shift; this token
	   decides the rendered size. Override per destination in the child
	   theme's tokens.css. */
	--faqn-logo-height: 40px;
}