:root {
	--tw-navy: #073b66;
	--tw-cyan: #00b9e8;
	/* Link/text on pale surfaces — AA vs white (~4.6:1). */
	--tw-cyan-ink: #007a9c;
	--tw-orange: #ff641f;
	/* CTA fill with white text — AA large/UI (~4.6:1). */
	--tw-orange-ink: #c44a12;
	--tw-white: #ffffff;
	--tw-pale: #eaf5fc;
	--tw-success: #1b7a4e;
	--tw-warning: #b86e00;
	--tw-error: #c62828;

	--tw-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
	--tw-font-body: Manrope, "Segoe UI", Roboto, sans-serif;
	/* Mockup brush/marker for hero titles + accent words (R01–R08). */
	--tw-font-brush: "Permanent Marker", "Comic Sans MS", cursive;
	--tw-font-accent: var(--tw-font-brush);

	--tw-space-1: 0.25rem;
	--tw-space-2: 0.5rem;
	--tw-space-3: 0.75rem;
	--tw-space-4: 1rem;
	--tw-space-5: 1.5rem;
	--tw-space-6: 2rem;
	--tw-space-7: 3rem;
	--tw-space-8: 4rem;

	--tw-radius: 0.5rem;
	--tw-radius-pill: 999px;
	--tw-content-max: 72rem;
	--tw-header-h: 4.5rem;
	--tw-shadow-soft: 0 10px 30px rgba(7, 59, 102, 0.12);

	/* Breakpoint reference: 360 / 390 / 768 / 1024 / 1366 / 1920 */
}

@media (min-width: 1024px) {
	:root {
		--tw-header-h: 5rem;
	}
}