/*
 * FOI PRP Therapy Landing Page
 *
 * Token layer only. Every colour and type value below is a placeholder until
 * the real assets and the confirmed design variant are in hand — inventing a
 * palette now would just mean throwing it away.
 *
 * Everything is scoped under .foi-prp so it cannot leak into the rest of the
 * subsite, and rules that matter for layout carry the .wp-block-group prefix
 * so a theme rule cannot outrank them.
 */

/* ---------------------------------------------------------------
   1. Tokens
   --------------------------------------------------------------- */

.foi-prp {
	/* Colour — TODO: confirm against the design */
	--foi-ink: #2b2b2b;
	--foi-ink-muted: #5a6b7d;
	--foi-navy: #1c3557;
	--foi-blue: #4691d6;
	--foi-surface: #ffffff;
	--foi-line: rgba(28, 53, 87, 0.14);

	/* Type — TODO: confirm families and scale */
	--foi-font: inherit;
	--foi-display: inherit;

	/* Space — 4px base */
	--foi-space-2: 0.5rem;
	--foi-space-3: 1rem;
	--foi-space-4: 1.5rem;
	--foi-space-5: 2.5rem;
	--foi-space-6: 4rem;
	--foi-space-7: 6rem;

	/* Layout */
	--foi-container: 1280px;
	--foi-measure: 68ch;
	--foi-gutter: 1.5rem;
}

/* ---------------------------------------------------------------
   2. Layout primitives
   --------------------------------------------------------------- */

.foi-prp__section {
	padding-block: var(--foi-space-7);
	padding-inline: var(--foi-gutter);
}

.foi-prp__container {
	margin-inline: auto;
	max-width: var(--foi-container);
	width: 100%;
}

.foi-prp__prose {
	max-width: var(--foi-measure);
}

/* ---------------------------------------------------------------
   3. Quality floor
   --------------------------------------------------------------- */

.foi-prp :where(a, button, input, select, textarea):focus-visible {
	outline: 2px solid var(--foi-blue);
	outline-offset: 3px;
}

.foi-prp :where(img, svg, video) {
	height: auto;
	max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	.foi-prp *,
	.foi-prp *::before,
	.foi-prp *::after {
		animation-duration: 0.01ms !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}