/*
 * HUD Housing Counselor design tokens.
 * Enqueued before components.css and pages.css.
 * Source: HUD-WordPress-Theme-Implementation-Guide.md sections 4 and 6.
 */

:root {
	--hud-blue: #163667;
	--hud-blue-dark: #0d2852;
	--hud-pistachio: #98cd68;
	--hud-pistachio-soft: #eaf5df;
	--hud-sinopia: #cb4315;
	--hud-plum: #872175;
	--hud-honolulu-blue: #1b79bb;
	--hud-tumeric: #e8a854;
	--hud-ink: #17233b;
	--hud-muted: #536176;
	--hud-border: #d8e1ea;
	--hud-surface: #f4f7f8;
	--hud-white: #ffffff;

	--hud-font-display: "Poppins", Arial, Helvetica, sans-serif;
	--hud-font-body: Arial, Helvetica, sans-serif;

	--hud-radius-sm: 5px;
	--hud-radius-md: 7px;
	--hud-shadow-card: 0 18px 50px rgba(22, 54, 103, 0.12);

	--hud-space-1: 0.25rem;
	--hud-space-2: 0.5rem;
	--hud-space-3: 0.75rem;
	--hud-space-4: 1rem;
	--hud-space-5: 1.5rem;
	--hud-space-6: 2rem;
	--hud-space-7: 3rem;
	--hud-space-8: 4.5rem;
	--hud-space-9: 6.5rem;

	--hud-content-width: 73.75rem;
	--hud-reading-width: 45rem;
}

/*
 * Poppins is loaded from Google Fonts via wp_enqueue_style() in functions.php
 * (family=Poppins:wght@200;300;400;500;600;700), matching the live site.
 */