/* Design tokens — colors align with editor palette (inc/setup.php) */

:root {
	/* Colors */
	--color-brand: #003863;
	--color-brand-dark: #003470;
	--color-highlight: #4f8ff5;
	--color-alice-blue: #f0f8ff;
	--color-seashell: #fef5ef;
	--color-soft-gray: #eceef4;
	--color-dark-gray: #484848;
	--color-white: #ffffff;
	--color-text: #374151;
	--color-heading: #111827;
	--color-link: #2563eb;
	--color-link-hover: #b93008;
	--color-link-muted: #5f97e2;
	--color-text-muted: #616264;

	/* Typography */
	--font-family-body: 'Radio Canada', sans-serif;
	--font-family-heading: 'Fira Sans', sans-serif;

	--font-size-body: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);
	--line-height-body: 1.6;
	--line-height-heading: 1.3;
	--heading-margin-bottom: 1rem;
	--paragraph-margin-bottom: 0.9375rem;

	--font-size-h1: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
	--font-size-h2: clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
	--font-size-h3: clamp(1.0625rem, 0.95rem + 0.4vw, 1.25rem);
	--font-size-h4: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
	--font-size-h5: clamp(0.8125rem, 0.8rem + 0.1vw, 0.9375rem);
	--font-size-h6: clamp(0.6875rem, 0.65rem + 0.1vw, 0.8125rem);

	/* Card / listing titles — one step below section headings */
	--font-size-card-heading: clamp(1.0625rem, 0.95rem + 0.35vw, 1.25rem);

	--font-size-page-title: clamp(1.5rem, 1.1rem + 2.25vw, 2.375rem);
	--line-height-page-title: 1.2;
}

html {
	font-size: 100%;
}