/* ======================================================================
   PID BLOCKS — BRAND TOKENS
   The single presentational vocabulary for the block suite.
   Values mirror the live site :root exactly, so blocks match the theme.
   Kept self-contained so blocks also render correctly in the editor iframe,
   where the child-theme custom CSS may not be present.
   ====================================================================== */

:root {
	/* Palette (exact PID brand hex values). */
	--pid-navy: #002032;
	--pid-dark-blue: #003F63;
	--pid-cyan: #2EC1EF;
	--pid-cyan-accessible: #0070D1; /* 4.95:1 on white, use for links/interactive on light */
	--pid-pink: #DB0047;
	--pid-light-blue: #0F71A9;
	--pid-pale-blue: #C7ECF5;
	--pid-light-bg: #F0F8FA;
	--pid-grey: #898989;
	--pid-off-white: #FAFAFA;
	--pid-near-black: #3D3D3D;

	/* Shared primitives, taken from the site's existing card treatment. */
	--pid-radius: 12px;
	--pid-radius-sm: 8px;
	--pid-shadow: 0 2px 8px rgba(0, 32, 50, 0.08);
	--pid-shadow-hover: 0 10px 26px rgba(0, 32, 50, 0.16);
	--pid-lift: translateY(-4px);
	--pid-transition: 200ms ease;

	/* CTA colour token. Not used by v0.1.0 blocks; ready for the CTA
	   migration so every suite CTA can shift to PID pink from one place. */
	--pid-cta-bg: var(--pid-pink);
	--pid-cta-fg: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--pid-lift: none;
	}
}