@riverbankcms/sdk 0.104.1 → 0.104.3

package/dist/server/routing.mjs

@@ -894,6 +894,247 @@ var init_all = __esmMin((() => {
 	init_PaletteCard();
 }));
 //#endregion
+//#region ../theme-core/src/tokens/colorTokenParts.ts
+function parseOpacityPercent(source) {
+	const trimmed = source.trim();
+	if (!trimmed) return null;
+	if (!/^\d{1,3}(?:\.\d+)?$/.test(trimmed)) return null;
+	const value = Number(trimmed);
+	if (!Number.isFinite(value)) return null;
+	if (value < 0 || value > 100) return null;
+	return value;
+}
+function parseColorTokenParts(source) {
+	const trimmed = source.trim();
+	if (trimmed.startsWith("raw:")) return {
+		kind: "raw",
+		value: trimmed.slice(4)
+	};
+	const [token, opacityRaw, extra] = trimmed.split("/");
+	if (!token || extra !== void 0) return {
+		kind: "invalid",
+		token: trimmed
+	};
+	if (opacityRaw === void 0) return {
+		kind: "token",
+		token,
+		opacityPercent: null
+	};
+	const opacityPercent = parseOpacityPercent(opacityRaw);
+	if (opacityPercent === null) return {
+		kind: "invalid",
+		token: trimmed
+	};
+	return {
+		kind: "token",
+		token,
+		opacityPercent
+	};
+}
+var init_colorTokenParts = __esmMin((() => {}));
+//#endregion
+//#region ../theme-core/src/tokens/blockColorTokens.ts
+function isBlockColorToken(value) {
+	if (typeof value !== "string") return false;
+	const parts = parseColorTokenParts(value);
+	return parts.kind === "token" && blockColorTokenNameSet.has(parts.token);
+}
+function parseBlockColorToken(value) {
+	if (!isBlockColorToken(value)) return null;
+	return value.trim();
+}
+var blockColorTokenNames, blockColorTokenNameSet;
+var init_blockColorTokens = __esmMin((() => {
+	init_colorTokenParts();
+	blockColorTokenNames = [
+		"text",
+		"heading",
+		"mutedText",
+		"surface",
+		"background",
+		"foreground",
+		"border",
+		"primary",
+		"secondary",
+		"accent",
+		"success",
+		"warning",
+		"info",
+		"error",
+		"destructive",
+		"scrim",
+		"shadow",
+		"onPrimary",
+		"onSecondary",
+		"onAccent",
+		"onSuccess",
+		"onWarning",
+		"onInfo",
+		"onError",
+		"onDestructive",
+		"onSurface"
+	];
+	blockColorTokenNameSet = new Set(blockColorTokenNames);
+}));
+//#endregion
+//#region ../theme-core/src/tokens/themeColorTokens.ts
+function isKnownBaseToken(value) {
+	return themeColorBaseTokenSet.has(value);
+}
+function isKnownShadeToken(value) {
+	const match = value.match(/^([a-zA-Z][a-zA-Z0-9]*)(?:-([0-9]{2,3}))$/);
+	if (!match) return false;
+	const [, base, shade] = match;
+	return Boolean(base && shade && isKnownBaseToken(base) && shadeStepSet.has(shade));
+}
+function isThemeColorTokenBase(value) {
+	return isKnownBaseToken(value) || isKnownShadeToken(value);
+}
+function isThemeColorToken(value) {
+	if (typeof value !== "string") return false;
+	const parts = parseColorTokenParts(value);
+	return parts.kind === "token" && isThemeColorTokenBase(parts.token);
+}
+function parseThemeColorToken(value) {
+	if (!isThemeColorToken(value)) return null;
+	return value.trim();
+}
+var PALETTE_TOKEN_NAMES, paletteTokenNameSchema, themeColorBaseTokenNames, themeColorBaseTokenSet, themeColorShadeSteps, shadeStepSet, themeColorTokenSchema;
+var init_themeColorTokens = __esmMin((() => {
+	init_blockColorTokens();
+	init_colorTokenParts();
+	PALETTE_TOKEN_NAMES = [
+		"primary",
+		"primaryForeground",
+		"secondary",
+		"accent",
+		"success",
+		"warning",
+		"destructive",
+		"background",
+		"surface",
+		"surfaceAlt",
+		"muted",
+		"text",
+		"border"
+	];
+	paletteTokenNameSchema = z$1.enum(PALETTE_TOKEN_NAMES);
+	themeColorBaseTokenNames = [
+		...PALETTE_TOKEN_NAMES,
+		...blockColorTokenNames,
+		"white",
+		"neutral",
+		"primaryText",
+		"secondaryForeground",
+		"accentForeground"
+	];
+	themeColorBaseTokenSet = new Set(themeColorBaseTokenNames);
+	themeColorShadeSteps = [
+		"50",
+		"100",
+		"200",
+		"300",
+		"400",
+		"500",
+		"600",
+		"700",
+		"800",
+		"900",
+		"950"
+	];
+	shadeStepSet = new Set(themeColorShadeSteps);
+	themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
+}));
+//#endregion
+//#region ../theme-core/src/palette/colors.ts
+function normalizePaletteHex(value) {
+	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
+	const normalized = value.toLowerCase();
+	if (normalized.length === 7) return normalized;
+	const triplet = normalized.slice(1);
+	const red = triplet.charAt(0);
+	const green = triplet.charAt(1);
+	const blue = triplet.charAt(2);
+	return `#${red}${red}${green}${green}${blue}${blue}`;
+}
+function paletteColorsFromEntries(entries) {
+	const values = {};
+	for (const entry of entries) {
+		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
+		if (!parsedRole.success) return {
+			ok: false,
+			error: {
+				kind: "unknown-role",
+				role: entry.name
+			}
+		};
+		const role = parsedRole.data;
+		if (values[role] !== void 0) return {
+			ok: false,
+			error: {
+				kind: "duplicate-role",
+				role
+			}
+		};
+		const hex = normalizePaletteHex(entry.hex);
+		if (!hex) return {
+			ok: false,
+			error: {
+				kind: "invalid-color",
+				role,
+				value: entry.hex
+			}
+		};
+		values[role] = hex;
+	}
+	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
+	if (missing.length > 0) return {
+		ok: false,
+		error: {
+			kind: "missing-roles",
+			roles: missing
+		}
+	};
+	return {
+		ok: true,
+		colors: paletteColorsSchema.parse(values)
+	};
+}
+function requirePaletteColorsFromEntries(entries) {
+	const result = paletteColorsFromEntries(entries);
+	if (result.ok) return result.colors;
+	throw new Error(`Invalid complete palette: ${result.error.kind}`);
+}
+var HEX_COLOR_REGEX, NORMALIZABLE_HEX_REGEX, hexColorSchema, paletteModeSchema, paletteColorsSchema;
+var init_colors = __esmMin((() => {
+	init_themeColorTokens();
+	HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
+	NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+	hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
+	paletteModeSchema = z$1.enum(["light", "dark"]);
+	z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
+	paletteColorsSchema = z$1.object({
+		primary: hexColorSchema,
+		primaryForeground: hexColorSchema,
+		secondary: hexColorSchema,
+		accent: hexColorSchema,
+		success: hexColorSchema,
+		warning: hexColorSchema,
+		destructive: hexColorSchema,
+		background: hexColorSchema,
+		surface: hexColorSchema,
+		surfaceAlt: hexColorSchema,
+		muted: hexColorSchema,
+		text: hexColorSchema,
+		border: hexColorSchema
+	}).strict().transform((value) => value);
+}));
+var init_historicalThemePalette = __esmMin((() => {
+	init_themeColorTokens();
+	init_colors();
+	new Set(PALETTE_TOKEN_NAMES);
+}));
+//#endregion
 //#region ../theme-core/src/palette/types.ts
 var init_types$17 = __esmMin((() => {}));
 //#endregion
@@ -2009,242 +2250,6 @@ var init_extractPalette = __esmMin((() => {
 	init_browser();
 }));
 //#endregion
-//#region ../theme-core/src/tokens/colorTokenParts.ts
-function parseOpacityPercent(source) {
-	const trimmed = source.trim();
-	if (!trimmed) return null;
-	if (!/^\d{1,3}(?:\.\d+)?$/.test(trimmed)) return null;
-	const value = Number(trimmed);
-	if (!Number.isFinite(value)) return null;
-	if (value < 0 || value > 100) return null;
-	return value;
-}
-function parseColorTokenParts(source) {
-	const trimmed = source.trim();
-	if (trimmed.startsWith("raw:")) return {
-		kind: "raw",
-		value: trimmed.slice(4)
-	};
-	const [token, opacityRaw, extra] = trimmed.split("/");
-	if (!token || extra !== void 0) return {
-		kind: "invalid",
-		token: trimmed
-	};
-	if (opacityRaw === void 0) return {
-		kind: "token",
-		token,
-		opacityPercent: null
-	};
-	const opacityPercent = parseOpacityPercent(opacityRaw);
-	if (opacityPercent === null) return {
-		kind: "invalid",
-		token: trimmed
-	};
-	return {
-		kind: "token",
-		token,
-		opacityPercent
-	};
-}
-var init_colorTokenParts = __esmMin((() => {}));
-//#endregion
-//#region ../theme-core/src/tokens/blockColorTokens.ts
-function isBlockColorToken(value) {
-	if (typeof value !== "string") return false;
-	const parts = parseColorTokenParts(value);
-	return parts.kind === "token" && blockColorTokenNameSet.has(parts.token);
-}
-function parseBlockColorToken(value) {
-	if (!isBlockColorToken(value)) return null;
-	return value.trim();
-}
-var blockColorTokenNames, blockColorTokenNameSet;
-var init_blockColorTokens = __esmMin((() => {
-	init_colorTokenParts();
-	blockColorTokenNames = [
-		"text",
-		"heading",
-		"mutedText",
-		"surface",
-		"background",
-		"foreground",
-		"border",
-		"primary",
-		"secondary",
-		"accent",
-		"success",
-		"warning",
-		"info",
-		"error",
-		"destructive",
-		"scrim",
-		"shadow",
-		"onPrimary",
-		"onSecondary",
-		"onAccent",
-		"onSuccess",
-		"onWarning",
-		"onInfo",
-		"onError",
-		"onDestructive",
-		"onSurface"
-	];
-	blockColorTokenNameSet = new Set(blockColorTokenNames);
-}));
-//#endregion
-//#region ../theme-core/src/tokens/themeColorTokens.ts
-function isKnownBaseToken(value) {
-	return themeColorBaseTokenSet.has(value);
-}
-function isKnownShadeToken(value) {
-	const match = value.match(/^([a-zA-Z][a-zA-Z0-9]*)(?:-([0-9]{2,3}))$/);
-	if (!match) return false;
-	const [, base, shade] = match;
-	return Boolean(base && shade && isKnownBaseToken(base) && shadeStepSet.has(shade));
-}
-function isThemeColorTokenBase(value) {
-	return isKnownBaseToken(value) || isKnownShadeToken(value);
-}
-function isThemeColorToken(value) {
-	if (typeof value !== "string") return false;
-	const parts = parseColorTokenParts(value);
-	return parts.kind === "token" && isThemeColorTokenBase(parts.token);
-}
-function parseThemeColorToken(value) {
-	if (!isThemeColorToken(value)) return null;
-	return value.trim();
-}
-var PALETTE_TOKEN_NAMES, paletteTokenNameSchema, themeColorBaseTokenNames, themeColorBaseTokenSet, themeColorShadeSteps, shadeStepSet, themeColorTokenSchema;
-var init_themeColorTokens = __esmMin((() => {
-	init_blockColorTokens();
-	init_colorTokenParts();
-	PALETTE_TOKEN_NAMES = [
-		"primary",
-		"primaryForeground",
-		"secondary",
-		"accent",
-		"success",
-		"warning",
-		"destructive",
-		"background",
-		"surface",
-		"surfaceAlt",
-		"muted",
-		"text",
-		"border"
-	];
-	paletteTokenNameSchema = z$1.enum(PALETTE_TOKEN_NAMES);
-	themeColorBaseTokenNames = [
-		...PALETTE_TOKEN_NAMES,
-		...blockColorTokenNames,
-		"white",
-		"neutral",
-		"primaryText",
-		"secondaryForeground",
-		"accentForeground"
-	];
-	themeColorBaseTokenSet = new Set(themeColorBaseTokenNames);
-	themeColorShadeSteps = [
-		"50",
-		"100",
-		"200",
-		"300",
-		"400",
-		"500",
-		"600",
-		"700",
-		"800",
-		"900",
-		"950"
-	];
-	shadeStepSet = new Set(themeColorShadeSteps);
-	themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
-}));
-//#endregion
-//#region ../theme-core/src/palette/colors.ts
-function normalizePaletteHex(value) {
-	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
-	const normalized = value.toLowerCase();
-	if (normalized.length === 7) return normalized;
-	const triplet = normalized.slice(1);
-	const red = triplet.charAt(0);
-	const green = triplet.charAt(1);
-	const blue = triplet.charAt(2);
-	return `#${red}${red}${green}${green}${blue}${blue}`;
-}
-function paletteColorsFromEntries(entries) {
-	const values = {};
-	for (const entry of entries) {
-		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
-		if (!parsedRole.success) return {
-			ok: false,
-			error: {
-				kind: "unknown-role",
-				role: entry.name
-			}
-		};
-		const role = parsedRole.data;
-		if (values[role] !== void 0) return {
-			ok: false,
-			error: {
-				kind: "duplicate-role",
-				role
-			}
-		};
-		const hex = normalizePaletteHex(entry.hex);
-		if (!hex) return {
-			ok: false,
-			error: {
-				kind: "invalid-color",
-				role,
-				value: entry.hex
-			}
-		};
-		values[role] = hex;
-	}
-	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
-	if (missing.length > 0) return {
-		ok: false,
-		error: {
-			kind: "missing-roles",
-			roles: missing
-		}
-	};
-	return {
-		ok: true,
-		colors: paletteColorsSchema.parse(values)
-	};
-}
-function requirePaletteColorsFromEntries(entries) {
-	const result = paletteColorsFromEntries(entries);
-	if (result.ok) return result.colors;
-	throw new Error(`Invalid complete palette: ${result.error.kind}`);
-}
-var HEX_COLOR_REGEX, NORMALIZABLE_HEX_REGEX, hexColorSchema, paletteModeSchema, paletteColorsSchema;
-var init_colors = __esmMin((() => {
-	init_themeColorTokens();
-	HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
-	NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-	hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
-	paletteModeSchema = z$1.enum(["light", "dark"]);
-	z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
-	paletteColorsSchema = z$1.object({
-		primary: hexColorSchema,
-		primaryForeground: hexColorSchema,
-		secondary: hexColorSchema,
-		accent: hexColorSchema,
-		success: hexColorSchema,
-		warning: hexColorSchema,
-		destructive: hexColorSchema,
-		background: hexColorSchema,
-		surface: hexColorSchema,
-		surfaceAlt: hexColorSchema,
-		muted: hexColorSchema,
-		text: hexColorSchema,
-		border: hexColorSchema
-	}).strict().transform((value) => value);
-}));
-//#endregion
 //#region ../theme-core/src/palette/editorState.ts
 var init_editorState = __esmMin((() => {}));
 //#endregion
@@ -2262,6 +2267,7 @@ var init_legacySelection = __esmMin((() => {
 	init_themeColorTokens();
 	init_colors();
 	init_themePaletteCompatibility();
+	init_historicalThemePalette();
 }));
 //#endregion
 //#region ../theme-core/src/site-styles/styleTags.ts
@@ -2342,7 +2348,7 @@ var init_types$16 = __esmMin((() => {
 }));
 //#endregion
 //#region ../theme-core/src/palette/curated/brand-led.ts
-var brandLedCool, brandLedWarm, brandLedJewel, brandLedBurgundyGold;
+var brandLedCool, brandLedWarm, brandLedJewel, brandLedSpruce, brandLedBurgundyGold;
 var init_brand_led = __esmMin((() => {
 	init_types$16();
 	brandLedCool = defineCuratedPalette({
@@ -2540,6 +2546,71 @@ var init_brand_led = __esmMin((() => {
 			}
 		]
 	});
+	brandLedSpruce = defineCuratedPalette({
+		id: "brand-led-spruce",
+		name: "Brand-led — Spruce",
+		description: "Spruce-ink primary and moss secondary with an amber accent over a green-mist ground and hairline sage borders.",
+		tags: {
+			tone: "classic",
+			energy: "calm",
+			era: "editorial"
+		},
+		mode: "light",
+		colors: [
+			{
+				name: "primary",
+				hex: "#14312b"
+			},
+			{
+				name: "secondary",
+				hex: "#356a59"
+			},
+			{
+				name: "accent",
+				hex: "#f08a4b"
+			},
+			{
+				name: "success",
+				hex: "#356a59"
+			},
+			{
+				name: "warning",
+				hex: "#f08a4b"
+			},
+			{
+				name: "destructive",
+				hex: "#b5561f"
+			},
+			{
+				name: "background",
+				hex: "#ecefe9"
+			},
+			{
+				name: "surface",
+				hex: "#ffffff"
+			},
+			{
+				name: "surfaceAlt",
+				hex: "#f4f6f1"
+			},
+			{
+				name: "muted",
+				hex: "#5c6a64"
+			},
+			{
+				name: "text",
+				hex: "#1c2a26"
+			},
+			{
+				name: "primaryForeground",
+				hex: "#f4f7f1"
+			},
+			{
+				name: "border",
+				hex: "#d7ddd2"
+			}
+		]
+	});
 	brandLedBurgundyGold = defineCuratedPalette({
 		id: "brand-led-burgundy-gold",
 		name: "Brand-led — Burgundy Gold",
@@ -3493,6 +3564,7 @@ var init_curated = __esmMin((() => {
 		brandLedWarm,
 		brandLedJewel,
 		brandLedBurgundyGold,
+		brandLedSpruce,
 		warmNeutralClay,
 		warmNeutralCream,
 		warmNeutralSoftEarth,
@@ -3621,6 +3693,7 @@ var init_palette = __esmMin((() => {
 	init_expandPalette();
 	init_generateCssVars();
 	init_generateShades();
+	init_historicalThemePalette();
 	init_neutralScale();
 	init_types$17();
 	init_utils$4();
@@ -3654,6 +3727,69 @@ var init_glow = __esmMin((() => {
 	init_palette();
 }));
 //#endregion
+//#region ../theme-core/src/surfaces/foregroundRoles.ts
+var init_foregroundRoles = __esmMin((() => {}));
+//#endregion
+//#region ../theme-core/src/surfaces/foregroundContract.ts
+function requireSurfaceColorValue(role, value) {
+	const normalized = value.trim();
+	if (normalized.length === 0) throw new RangeError(`Surface foreground ${role} must be a non-empty CSS color.`);
+	return normalized;
+}
+function completeSurfaceForegrounds(input) {
+	const text = requireSurfaceColorValue("text", input.text);
+	return {
+		text,
+		heading: input.heading === void 0 ? text : requireSurfaceColorValue("heading", input.heading),
+		link: input.link === void 0 ? text : requireSurfaceColorValue("link", input.link),
+		supporting: input.supporting === void 0 ? text : requireSurfaceColorValue("supporting", input.supporting)
+	};
+}
+function surfaceForegroundValue(role, outsideProviderFallback = DEFAULT_ROLE_FALLBACKS[role]) {
+	const roleVariable = SURFACE_FOREGROUND_CSS_VARS[role];
+	const fallback = requireSurfaceColorValue("fallback", outsideProviderFallback);
+	if (role === "text") return `var(${roleVariable}, ${fallback})`;
+	return `var(${roleVariable}, var(${SURFACE_FOREGROUND_CSS_VARS.text}, ${fallback}))`;
+}
+function surfaceForegroundValueWithOpacity(role, opacityPercent) {
+	if (!Number.isFinite(opacityPercent) || opacityPercent < 0 || opacityPercent > 100) throw new RangeError("Surface foreground opacity must be between 0 and 100.");
+	return `color-mix(in srgb, ${surfaceForegroundValue(role)} ${opacityPercent}%, transparent)`;
+}
+function surfaceForegroundStyle(input) {
+	const foregrounds = completeSurfaceForegrounds(input);
+	return {
+		color: foregrounds.text,
+		[SURFACE_FOREGROUND_CSS_VARS.text]: foregrounds.text,
+		[SURFACE_FOREGROUND_CSS_VARS.heading]: foregrounds.heading,
+		[SURFACE_FOREGROUND_CSS_VARS.link]: foregrounds.link,
+		[SURFACE_FOREGROUND_CSS_VARS.supporting]: foregrounds.supporting
+	};
+}
+var SURFACE_FOREGROUND_CSS_VARS, DEFAULT_SURFACE_TEXT_COLOR, DEFAULT_SURFACE_LINK_COLOR, DEFAULT_SURFACE_SUPPORTING_COLOR, DEFAULT_ROLE_FALLBACKS;
+var init_foregroundContract = __esmMin((() => {
+	SURFACE_FOREGROUND_CSS_VARS = {
+		text: "--rb-surface-text-color",
+		heading: "--rb-surface-heading-color",
+		link: "--rb-surface-link-color",
+		supporting: "--rb-surface-supporting-color"
+	};
+	DEFAULT_SURFACE_TEXT_COLOR = "rgb(var(--tb-text, 17 24 39))";
+	DEFAULT_SURFACE_LINK_COLOR = "rgb(var(--tb-primary, var(--tb-text, 17 24 39)))";
+	DEFAULT_SURFACE_SUPPORTING_COLOR = "rgb(var(--tb-mutedText, 100 116 139))";
+	DEFAULT_ROLE_FALLBACKS = {
+		text: DEFAULT_SURFACE_TEXT_COLOR,
+		heading: DEFAULT_SURFACE_TEXT_COLOR,
+		link: DEFAULT_SURFACE_LINK_COLOR,
+		supporting: DEFAULT_SURFACE_SUPPORTING_COLOR
+	};
+}));
+//#endregion
+//#region ../theme-core/src/surfaces/index.ts
+var init_surfaces = __esmMin((() => {
+	init_foregroundContract();
+	init_foregroundRoles();
+}));
+//#endregion
 //#region ../theme-core/src/utils/colorStyles.ts
 function parseToken(source) {
 	const parts = parseColorTokenParts(source);
@@ -3664,9 +3800,12 @@ function parseToken(source) {
 	if (parts.kind === "invalid") return { token: source };
 	return {
 		token: parts.token,
-		alpha: parts.opacityPercent === null ? void 0 : parts.opacityPercent / 100
+		opacityPercent: parts.opacityPercent === null ? void 0 : parts.opacityPercent
 	};
 }
+function surfaceRoleForTextToken(token) {
+	return Object.prototype.hasOwnProperty.call(SURFACE_TEXT_ROLE_BY_TOKEN, token) ? SURFACE_TEXT_ROLE_BY_TOKEN[token] : null;
+}
 /**
 * Converts a theme color token to a CSS rgb value.
 * This is the primary function for applying theme colors to CSS properties.
@@ -3680,11 +3819,11 @@ function parseToken(source) {
 * rgbColorValue('raw:transparent') // => 'transparent'
 */
 function rgbColorValue(token) {
-	const { token: baseToken, alpha, raw } = parseToken(token);
+	const { token: baseToken, opacityPercent, raw } = parseToken(token);
 	if (raw) return raw;
 	const cssVar = `${COLOR_VAR_PREFIX}${baseToken}`;
-	if (alpha === void 0) return `rgb(var(${cssVar}))`;
-	return `rgb(var(${cssVar}) / ${alpha})`;
+	if (opacityPercent === void 0) return `rgb(var(${cssVar}))`;
+	return `rgb(var(${cssVar}) / ${opacityPercent / 100})`;
 }
 /**
 * Creates a backgroundColor style object from a theme token.
@@ -3702,6 +3841,9 @@ function backgroundColorStyle(token) {
 * @returns CSSProperties with color
 */
 function textColorStyle(token) {
+	const parsed = parseToken(token);
+	const surfaceRole = parsed.raw ? null : surfaceRoleForTextToken(parsed.token);
+	if (surfaceRole) return { color: parsed.opacityPercent === void 0 ? surfaceForegroundValue(surfaceRole) : surfaceForegroundValueWithOpacity(surfaceRole, parsed.opacityPercent) };
 	return { color: rgbColorValue(token) };
 }
 /**
@@ -3737,15 +3879,28 @@ function mergeStyles(...styles) {
 	}
 	return Object.keys(merged).length ? merged : void 0;
 }
-var COLOR_VAR_PREFIX;
+var COLOR_VAR_PREFIX, SURFACE_TEXT_ROLE_BY_TOKEN;
 var init_colorStyles = __esmMin((() => {
+	init_surfaces();
 	init_colorTokenParts();
 	COLOR_VAR_PREFIX = "--tb-";
+	SURFACE_TEXT_ROLE_BY_TOKEN = {
+		text: "text",
+		heading: "heading",
+		mutedText: "supporting"
+	};
+}));
+//#endregion
+//#region ../theme-core/src/styles/shadow.ts
+var init_shadow = __esmMin((() => {
+	init_colorStyles();
 }));
 //#endregion
 //#region ../theme-core/src/styles/buttons.ts
 var init_buttons$1 = __esmMin((() => {
 	init_glow();
+	init_shadow();
+	init_colorStyles();
 }));
 //#endregion
 //#region ../theme-core/src/styles/buttonsLibrary.ts
@@ -3814,7 +3969,7 @@ var init_media$3 = __esmMin((() => {
 		storagePath: z.string().optional(),
 		transform: transformSchema$1.optional()
 	});
-})), VARIANT_ROLES, cornerStyleSchema, shadowSizeSchema, textTransformSchema, fontWeightSchema, buttonTypographySchema, letterSpacingSchema, hoverTransformSchema, hoverColorSchema, buttonPaddingPresetSchema, gradientStyleSchema, gradientSharpnessSchema, prioritySchema, buttonSizeNameSchema, PADDING_TOKEN_PATTERN, paddingShorthandSchema, buttonSizeConfigSchema, buttonSizesSchema, buttonGlobalSettingsSchema, gradientDirectionSchema$1, buttonBackgroundSchema, effectApplicationSchema$1, buttonBorderSchema, variantShadowSchema, variantEffectsSchema, variantSizeOverridesSchema, buttonVariantSchema, buttonSystemSchema;
+})), VARIANT_ROLES, cornerStyleSchema, shadowSizeSchema, textTransformSchema, fontWeightSchema, buttonTypographySchema, letterSpacingSchema, hoverTransformSchema, hoverColorSchema, buttonPaddingPresetSchema, gradientStyleSchema, gradientSharpnessSchema, prioritySchema, buttonSizeNameSchema, PADDING_TOKEN_PATTERN, paddingShorthandSchema, buttonSizeConfigSchema, buttonSizesSchema, buttonGlobalSettingsSchema, gradientDirectionSchema$1, buttonBackgroundSchema, effectApplicationSchema$1, buttonBorderSchema, buttonVariantAffordanceSchema, variantShadowSchema, variantEffectsSchema, variantSizeOverridesSchema, buttonVariantSchema, buttonSystemSchema;
 var init_types$15 = __esmMin((() => {
 	init_themeColorTokens();
 	VARIANT_ROLES = [
@@ -3973,6 +4128,10 @@ var init_types$15 = __esmMin((() => {
 		widthClass: z$1.string(),
 		colorToken: themeColorTokenSchema
 	});
+	buttonVariantAffordanceSchema = z$1.object({
+		iconId: z$1.string().min(1),
+		colorToken: themeColorTokenSchema.optional()
+	});
 	variantShadowSchema = z$1.object({
 		elevation: z$1.enum([
 			"none",
@@ -4013,7 +4172,8 @@ var init_types$15 = __esmMin((() => {
 		border: buttonBorderSchema.optional(),
 		hoverBackgroundToken: z$1.string().optional(),
 		effects: variantEffectsSchema.optional(),
-		sizes: variantSizeOverridesSchema.optional()
+		sizes: variantSizeOverridesSchema.optional(),
+		affordance: buttonVariantAffordanceSchema.optional()
 	});
 	buttonSystemSchema = z$1.object({
 		global: buttonGlobalSettingsSchema,
@@ -4038,6 +4198,9 @@ var init_registry$7 = __esmMin((() => {}));
 //#endregion
 //#region ../theme-core/src/buttons/generateDefaultButtonSystem.ts
 var init_generateDefaultButtonSystem = __esmMin((() => {}));
+//#endregion
+//#region ../theme-core/src/buttons/affordanceIcons.ts
+var init_affordanceIcons = __esmMin((() => {}));
 var init_generateButtonCss = __esmMin((() => {
 	init_types$15();
 	init_classNames();
@@ -4588,6 +4751,132 @@ var init_editorial_link = __esmMin((() => {
 	});
 }));
 //#endregion
+//#region ../theme-core/src/buttons/personalities/flat-ink.ts
+var flatInk;
+var init_flat_ink = __esmMin((() => {
+	init_types$14();
+	flatInk = defineButtonPersonality({
+		id: "flat-ink",
+		name: "Flat Ink",
+		description: "Flat solid-ink primary, hairline ghost secondary, and a single amber accent climax — modest radius, no shadow.",
+		tags: {
+			tone: "classic",
+			energy: "calm",
+			motion: "subtle",
+			era: "editorial"
+		},
+		buttonSystem: {
+			global: {
+				cornerStyle: "rounded",
+				shadow: "low",
+				textTransform: "none",
+				fontWeight: 600,
+				borderWidth: 1,
+				typography: "body",
+				letterSpacing: "tight",
+				paddingPreset: "default",
+				hoverTransform: "lift",
+				hoverColor: "none"
+			},
+			sizes: {
+				sm: {
+					padding: "0.625rem 1.125rem",
+					fontSize: "text-sm"
+				},
+				md: { padding: "0.8125rem 1.375rem" },
+				lg: {
+					padding: "0.9375rem 1.625rem",
+					fontSize: "text-lg"
+				},
+				xl: {
+					padding: "1.0625rem 2rem",
+					fontSize: "text-xl"
+				}
+			},
+			variants: [
+				{
+					id: "primary",
+					name: "Primary",
+					enabled: true,
+					priority: 1,
+					background: {
+						type: "solid",
+						colorToken: "primary"
+					},
+					textColorToken: "primaryForeground",
+					borderRadius: "rounded-lg",
+					affordance: {
+						iconId: "ArrowRight",
+						colorToken: "accent"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "secondary" }
+					}] }
+				},
+				{
+					id: "secondary",
+					name: "Secondary",
+					enabled: true,
+					priority: 2,
+					background: { type: "transparent" },
+					textColorToken: "primary",
+					borderRadius: "rounded-lg",
+					border: {
+						widthClass: "border",
+						colorToken: "border"
+					},
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}, {
+						effectId: "background-on-hover",
+						options: { colorToken: "surfaceAlt" }
+					}] }
+				},
+				{
+					id: "accent",
+					name: "Accent",
+					enabled: true,
+					priority: 3,
+					background: {
+						type: "solid",
+						colorToken: "accent"
+					},
+					textColorToken: "accentForeground",
+					borderRadius: "rounded-lg",
+					shadow: {
+						elevation: "none",
+						softness: null,
+						position: "bottom"
+					},
+					affordance: {
+						iconId: "ArrowRight",
+						colorToken: "accentForeground"
+					},
+					effects: { hover: [{
+						effectId: "lift",
+						options: { translateY: "-2px" }
+					}] }
+				}
+			]
+		}
+	});
+}));
+//#endregion
 //#region ../theme-core/src/buttons/personalities/ink-stamp.ts
 var inkStamp;
 var init_ink_stamp = __esmMin((() => {
@@ -5354,6 +5643,7 @@ var init_personalities = __esmMin((() => {
 	init_confident_chip();
 	init_earth_pill();
 	init_editorial_link();
+	init_flat_ink();
 	init_ink_stamp();
 	init_joy_stamp();
 	init_ornate_ritual();
@@ -5368,6 +5658,7 @@ var init_personalities = __esmMin((() => {
 		editorialLink,
 		pebble,
 		inkStamp,
+		flatInk,
 		brushedWash,
 		showtimePill,
 		joyStamp,
@@ -5387,6 +5678,7 @@ var init_buttons = __esmMin((() => {
 	init_types$15();
 	init_classNames();
 	init_generateButtonCss();
+	init_affordanceIcons();
 	init_generateDefaultButtonSystem();
 	init_constants$1();
 	init_presets$3();
@@ -5530,10 +5822,14 @@ var init_constants = __esmMin((() => {}));
 var init_generateDefaultCardSystem = __esmMin((() => {}));
 //#endregion
 //#region ../theme-core/src/cards/generateCardCss.ts
-var init_generateCardCss = __esmMin((() => {}));
+var init_generateCardCss = __esmMin((() => {
+	init_surfaces();
+}));
 //#endregion
 //#region ../theme-core/src/cards/core.ts
-var init_core$1 = __esmMin((() => {}));
+var init_core$1 = __esmMin((() => {
+	init_surfaces();
+}));
 //#endregion
 //#region ../theme-core/src/cards/index.ts
 var init_cards = __esmMin((() => {
@@ -5750,16 +6046,22 @@ var init_types$10 = __esmMin((() => {
 /**
 * Gradient configuration types and schemas
 */
-var gradientStopSchema, gradientConfigSchema;
+var gradientStopSchema, radialGradientShapeSchema, gradientConfigSchema;
 var init_types$9 = __esmMin((() => {
 	init_themeColorTokens();
 	gradientStopSchema = z$1.object({
 		color: themeColorTokenSchema,
 		position: z$1.number().min(0).max(100)
 	});
+	radialGradientShapeSchema = z$1.enum(["circle", "ellipse"]);
 	gradientConfigSchema = z$1.object({
-		type: z$1.enum(["linear", "radial"]),
+		type: z$1.enum([
+			"linear",
+			"radial",
+			"conic"
+		]).default("linear"),
 		angle: z$1.number().min(0).max(360).optional(),
+		shape: radialGradientShapeSchema.optional(),
 		position: z$1.string().optional(),
 		stops: z$1.array(gradientStopSchema).min(2)
 	});
@@ -6401,7 +6703,7 @@ var init_tokenOrColor = __esmMin((() => {
 		"white",
 		"yellow"
 	]);
-})), axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
+})), axesSchema, colourHexString, paletteColorSchema, paletteMetaSchema, paletteSchema, typographyStyleSchema, bodyTypographyStyleSchema, headingSizeSchema, headingTypographyOverridesSchema, headingTypographyStyleSchema, proseLinkUnderlineStyleSchema, proseLinkUnderlineThicknessSchema, proseLinkUnderlineOffsetSchema, proseLinkStyleSchema, semanticSpacingSchema, boxRoundedSchema, boxBackgroundOverlaySchema, boxBackgroundSchema, noHeadingDecorationSchema, visibleHeadingDecorationSchema, headingDecorationSchema, headingDecorationOverrideSchema, accordionIconTreatmentSchema, sectionStylesOverrideSchema, containerStylesOverrideSchema, cardBorderOverrideSchema, cardStylesOverrideSchema, blockStyleOverridesSchema, blockThemeOverrideSchema, typographyScaleSchema, eyebrowTypographyStyleSchema, typographySchema, spaceSchema, corners, shadow, border, motion, inputStyle, headerVariant, headerPositioning, headerNavStyle, navFontWeight, headerMaxWidth, headerContainerSchema, headerBorderSchema, logoStyleSchema, headerLogoTextSchema, navEffectsSchema, dropdownStyleSchema, headerCtaGapSchema, headerCtaTreatmentSchema, navContainerSchema, headerBackgroundSchema, headerSchema, footerVariant, footerMaxWidth, footerMode, footerNavLayoutMode, footerNavLayoutAlign, footerSpacing, footerLogoPlacement, footerLogoSize, footerLogoMaxHeight, footerBottomTextLinkStyleSchema, footerBottomBarSchema, footerNavLayoutSchema, footerLogoSchema, footerSchema, containerPaddingPresetSchema, layoutSchema, heroTypographySizeSchema, heroTypographyLineHeightSchema, heroResponsiveTypographySchema, heroTypographySchema, heroSchema, bodyTextIntroTypographySizeSchema, bodyTextSchema, gradientsSchema, testimonialQuoteTreatmentSchema, themeSchema;
 var init_schema$2 = __esmMin((() => {
 	init_media$3();
 	init_buttons();
@@ -6681,6 +6983,7 @@ var init_schema$2 = __esmMin((() => {
 		"majorThird",
 		"perfectFourth"
 	]);
+	eyebrowTypographyStyleSchema = z$1.object({ family: z$1.string().min(1) });
 	typographySchema = z$1.object({
 		body: bodyTypographyStyleSchema,
 		headings: z$1.object({
@@ -6693,7 +6996,8 @@ var init_schema$2 = __esmMin((() => {
 			h6: headingTypographyOverridesSchema.optional()
 		}),
 		scale: typographyScaleSchema,
-		proseLinkStyle: proseLinkStyleSchema.optional()
+		proseLinkStyle: proseLinkStyleSchema.optional(),
+		eyebrow: eyebrowTypographyStyleSchema.optional()
 	});
 	spaceSchema = z$1.enum([
 		"comfortable",
@@ -6718,7 +7022,8 @@ var init_schema$2 = __esmMin((() => {
 			"soft",
 			"hard"
 		]).nullable(),
-		position: z$1.enum(["bottom", "bottom-right"]).default("bottom")
+		position: z$1.enum(["bottom", "bottom-right"]).default("bottom"),
+		colorToken: themeColorTokenSchema.optional()
 	});
 	border = z$1.object({
 		width: z$1.enum([
@@ -6959,6 +7264,7 @@ var init_schema$2 = __esmMin((() => {
 		navWeight: navFontWeight.default("medium"),
 		navTypography: z$1.enum(["body", "heading"]).optional(),
 		navTextSize: navLinkStyleSchema.shape.textSize,
+		navPlacement: z$1.enum(["end", "center"]).optional(),
 		container: headerContainerSchema,
 		border: headerBorderSchema,
 		shadow: componentShadowSchema.optional(),
@@ -8761,6 +9067,50 @@ function getCompatibleHeaderStyleIds(layoutId) {
 		return isHeaderStyleCompatibleWithLayout(getHeaderStyleOrThrow(styleId), layoutId);
 	});
 }
+function applyNavTypography(style, typography) {
+	switch (typography) {
+		case "plain": return style;
+		case "heading": return {
+			...style,
+			typography: "heading",
+			fontWeight: "medium",
+			letterSpacing: "wide"
+		};
+		case "quiet-caps": return {
+			...style,
+			textTransform: "uppercase",
+			textSize: "sm",
+			letterSpacing: "wide"
+		};
+		case "brand-caps": return {
+			...style,
+			textTransform: "uppercase",
+			textSize: "sm",
+			letterSpacing: "wider"
+		};
+		default: return assertNever$1(typography, "Unhandled header nav typography");
+	}
+}
+function underlineNavLinkStyle(colorToken, underlineColorToken, typography = "plain") {
+	return applyNavTypography({
+		name: "Underline grow",
+		typography: "body",
+		fontWeight: "medium",
+		textTransform: "none",
+		italic: false,
+		colorToken,
+		padding: "compact",
+		paddingX: "compact",
+		borderRadius: "none",
+		effects: { hover: [{
+			effectId: "nav-underline",
+			options: {
+				style: "grow",
+				...underlineColorToken ? { colorToken: underlineColorToken } : {}
+			}
+		}] }
+	}, typography);
+}
 function themedHeaderShadow(theme) {
 	switch (theme.shadow.elevation) {
 		case "none": return;
@@ -8860,6 +9210,38 @@ function cleanBaseHeader(theme) {
 		ctaGap: "default"
 	};
 }
+function classicCenteredNavHeader(theme) {
+	return {
+		...baseHeader(theme),
+		variant: "classic",
+		navPlacement: "center",
+		positioning: "sticky",
+		shrinkOnScroll: false,
+		background: {
+			type: "color",
+			color: "surface"
+		},
+		textColor: "text",
+		navColor: "text",
+		navStyle: "underline-grow",
+		navWeight: "medium",
+		navLinkStyle: underlineNavLinkStyle("text", "accent"),
+		border: {
+			style: "solid",
+			width: "thin",
+			position: "bottom",
+			colorToken: "border"
+		},
+		ctaTreatment: "primary",
+		ctaVariant: resolveHeaderCtaVariant(theme, "primary"),
+		ctaGap: "default",
+		logoText: {
+			mobileMaxWidth: "sm",
+			mobileWrapLines: 1,
+			hideOnShrink: false
+		}
+	};
+}
 function serifLineHeader(theme) {
 	return {
 		...baseHeader(theme),
@@ -9437,6 +9819,13 @@ var init_headerLooks = __esmMin((() => {
 				styleId: asHeaderStyleId("minimal")
 			}
 		},
+		{
+			lookId: asHeaderLookId("classic-centered-nav"),
+			selection: {
+				layoutId: asHeaderLayoutId("classic"),
+				styleId: asHeaderStyleId("fine-line")
+			}
+		},
 		{
 			lookId: asHeaderLookId("brand-solid"),
 			selection: {
@@ -9503,6 +9892,21 @@ var init_headerLooks = __esmMin((() => {
 			logoAccommodations: inlineClassicLogoAccommodations,
 			compile: cleanBaseHeader
 		},
+		{
+			id: asHeaderLookId("classic-centered-nav"),
+			label: "Centered nav",
+			visualTreatment: "solid-neutral",
+			layoutBehavior: "sticky",
+			configuration: {
+				structure: "inline-classic",
+				treatment: "solid-neutral",
+				behavior: "sticky"
+			},
+			openingRequirement: "none",
+			maxRecommendedNavItems: 6,
+			logoAccommodations: inlineClassicLogoAccommodations,
+			compile: classicCenteredNavHeader
+		},
 		{
 			id: asHeaderLookId("brand-solid"),
 			label: "Brand solid",
@@ -10064,7 +10468,7 @@ function defineTypographyPreset(preset) {
 		id: asTypographyPresetId(preset.id)
 	};
 }
-var bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, kirtanOrnateTypography, boldDisplayTypography, originalJoyTypography, typographyPresets;
+var bodyReadablePolicy, headingFlexiblePolicy, displayHeadingPolicy, modernSansTypography, warmRoundedTypography, editorialSerifTypography, classicSerifTypography, luxeContrastTypography, kirtanOrnateTypography, boldDisplayTypography, originalJoyTypography, fulcrumTypography, typographyPresets;
 var init_typographyPresets = __esmMin((() => {
 	bodyReadablePolicy = {
 		recommendedCategories: ["sans-serif", "serif"],
@@ -10426,6 +10830,49 @@ var init_typographyPresets = __esmMin((() => {
 		},
 		scale: "balanced"
 	};
+	fulcrumTypography = {
+		body: {
+			family: "IBM Plex Sans, system-ui, -apple-system, sans-serif",
+			size: "lg",
+			weight: "regular",
+			lineHeight: "relaxed",
+			letterSpacing: "normal"
+		},
+		headings: {
+			default: {
+				family: "Newsreader, Georgia, \"Times New Roman\", serif",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				colorToken: "primary",
+				italic: null,
+				case: null
+			},
+			h1: {
+				size: "2xl",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				italic: null
+			},
+			h2: {
+				size: "xl",
+				weight: "medium",
+				lineHeight: "normal",
+				letterSpacing: "tight",
+				italic: null
+			},
+			h3: {
+				size: "md",
+				weight: "semibold",
+				lineHeight: "normal",
+				letterSpacing: "normal",
+				italic: null
+			}
+		},
+		scale: "spacious",
+		eyebrow: { family: "IBM Plex Mono, ui-monospace, \"SF Mono\", monospace" }
+	};
 	typographyPresets = [
 		defineTypographyPreset({
 			id: "typography-preset:modern-sans",
@@ -10685,6 +11132,32 @@ var init_typographyPresets = __esmMin((() => {
 					}
 				}
 			}
+		}),
+		defineTypographyPreset({
+			id: "typography-preset:fulcrum",
+			name: "Fulcrum",
+			description: "Newsreader serif headings over an IBM Plex Sans body, with an IBM Plex Mono eyebrow role for uppercase kickers and mono captions.",
+			defaultFonts: {
+				body: "IBM Plex Sans, system-ui, -apple-system, sans-serif",
+				heading: "Newsreader, Georgia, \"Times New Roman\", serif"
+			},
+			recommendedFonts: {
+				body: [
+					"IBM Plex Sans",
+					"Source Sans 3",
+					"Inter"
+				],
+				heading: [
+					"Newsreader",
+					"Source Serif 4",
+					"Lora"
+				]
+			},
+			slotPolicies: {
+				body: bodyReadablePolicy,
+				heading: displayHeadingPolicy
+			},
+			typography: fulcrumTypography
 		})
 	];
 	new Map(typographyPresets.map((preset) => [preset.id, preset]));
@@ -11169,7 +11642,8 @@ var init_curatedSiteStyles = __esmMin((() => {
 		"site-style:bold-launch",
 		"site-style:south-west-twerk-school",
 		"site-style:kirtan-ornate",
-		"site-style:original-joy"
+		"site-style:original-joy",
+		"site-style:fulcrum"
 	];
 	quietBudget = {
 		accentDensity: "low",
@@ -12381,6 +12855,104 @@ var init_curatedSiteStyles = __esmMin((() => {
 				buttonChoice("showtime-pill")
 			],
 			paletteRecommendations: [paletteRecommendation("warm-dark-ember")]
+		}),
+		defineCuratedSiteStyle({
+			id: "site-style:fulcrum",
+			name: "Fulcrum",
+			headingDecoration: {
+				family: "short-center-rule",
+				colorToken: "accent"
+			},
+			description: "Spruce-ink and moss with an amber climax, Newsreader serif over IBM Plex Sans, hairline sage borders and flat buttons — a grounded, editorial physiotherapy skin.",
+			generationBrief: "Use a calm, clinician-led voice: precise, reassuring and specific rather than clinical-cold. Lead with the assessment-treatment-rehab journey, mono uppercase eyebrows for practical labels (hours, registrations, appointment windows), Newsreader serif headings over IBM Plex Sans body, and a single amber call to action as the page climax. Keep proof concrete (registrations, same-week appointments, return-to-activity outcomes) and avoid spa or hard-sell wellness language or medical claims.",
+			siteCreatorSelection: {
+				kind: "site_creator_keyword_heuristic",
+				priority: 28
+			},
+			selectionKeywordRules: [
+				{
+					kind: "substring",
+					value: "physiotherap"
+				},
+				{
+					kind: "word",
+					value: "physio"
+				},
+				{
+					kind: "phrase",
+					value: "sports injury"
+				},
+				{
+					kind: "phrase",
+					value: "rehab clinic"
+				},
+				{
+					kind: "substring",
+					value: "musculoskeletal"
+				},
+				{
+					kind: "phrase",
+					value: "sports therapy"
+				}
+			],
+			tokenRecipes: {
+				palette: "brand-led",
+				contrast: "standard",
+				radius: "rounded",
+				shadow: "subtle",
+				typography: "serif-editorial",
+				spacing: "airy",
+				motion: "subtle"
+			},
+			compositionBudget: quietBudget,
+			typographyPresetChoices: [
+				typographyChoice("typography-preset:fulcrum"),
+				typographyChoice("typography-preset:editorial-serif"),
+				typographyChoice("typography-preset:modern-sans")
+			],
+			defaultTypographyPresetId: "typography-preset:fulcrum",
+			themeOverrides: {
+				shadow: { colorToken: "primary" },
+				accordions: {
+					background: null,
+					spacing: "comfortable",
+					corners: "square",
+					border: null,
+					shadow: null,
+					icon: {
+						style: "plus-minus",
+						position: "right",
+						size: "md",
+						colorToken: "accent"
+					},
+					trigger: {
+						textColorToken: "primary",
+						fontWeight: "medium",
+						fontFamily: "heading",
+						fontScale: "md"
+					},
+					hover: { textColorToken: "secondary" },
+					content: { textColorToken: "muted" }
+				},
+				testimonialQuote: serifDisplayQuote
+			},
+			recommendedHeaderLookIds: [
+				"classic-centered-nav",
+				"serif-line",
+				"centered-calm",
+				"clean-base"
+			],
+			recommendedFooterLookIds: ["footer-editorial-columns", "footer-muted-grounding"],
+			buttonPersonalityChoices: [
+				buttonChoice("flat-ink"),
+				buttonChoice("confident-chip"),
+				buttonChoice("editorial-link")
+			],
+			paletteRecommendations: [
+				paletteRecommendation("brand-led-spruce"),
+				paletteRecommendation("warm-neutral-forest"),
+				paletteRecommendation("soft-natural-sage")
+			]
 		})
 	];
 	new Map(curatedSiteStyles.map((style) => [style.id, style]));
@@ -12973,7 +13545,15 @@ function gradientToCss(config, tokens) {
 	const stops = config.stops.map((stop) => {
 		return `${tokens[stop.color] ?? "#000000"} ${stop.position}%`;
 	}).join(", ");
-	if (config.type === "radial") return `radial-gradient(circle at ${config.position ?? "center"}, ${stops})`;
+	const type = config.type ?? "linear";
+	if (type === "radial") {
+		const position = config.position ?? "center";
+		return `radial-gradient(${config.shape ?? "circle"} at ${position}, ${stops})`;
+	}
+	if (type === "conic") {
+		const position = config.position ?? "center";
+		return `conic-gradient(from ${config.angle ?? 0}deg at ${position}, ${stops})`;
+	}
 	return `linear-gradient(${config.angle ?? 180}deg, ${stops})`;
 }
 var init_utils$2 = __esmMin((() => {}));
@@ -12991,6 +13571,8 @@ var init_mode = __esmMin((() => {}));
 //#region ../theme-core/src/accordions/generateAccordionCss.ts
 var init_generateAccordionCss = __esmMin((() => {
 	init_types$11();
+	init_colorStyles();
+	init_surfaces();
 }));
 //#endregion
 //#region ../theme-core/src/accordions/defaults.ts
@@ -13001,6 +13583,7 @@ var init_defaults = __esmMin((() => {
 //#region ../theme-core/src/inputs/generateInputCss.ts
 var init_generateInputCss = __esmMin((() => {
 	init_types$10();
+	init_colorStyles();
 }));
 //#endregion
 //#region ../theme-core/src/navigation/generateNavLinkCSS.ts
@@ -13234,6 +13817,26 @@ var init_layout$3 = __esmMin((() => {
 	init_generateLayoutCss();
 }));
 //#endregion
+//#region ../theme-core/src/status/generateStatusCss.ts
+var init_generateStatusCss = __esmMin((() => {
+	init_surfaces();
+}));
+//#endregion
+//#region ../theme-core/src/status/index.ts
+var init_status = __esmMin((() => {
+	init_generateStatusCss();
+}));
+//#endregion
+//#region ../theme-core/src/typography/generateTypographyCss.ts
+var init_generateTypographyCss = __esmMin((() => {
+	init_surfaces();
+}));
+//#endregion
+//#region ../theme-core/src/typography/index.ts
+var init_typography$1 = __esmMin((() => {
+	init_generateTypographyCss();
+}));
+//#endregion
 //#region ../theme-core/src/blocks/vars/event-registration.ts
 /**
 * Generate CSS variables for the event-registration block.
@@ -13582,6 +14185,7 @@ var init_themeCssVarNames = __esmMin((() => {
 		block: "--rb-block-radius",
 		button: "--rb-button-radius",
 		input: "--rb-input-radius",
+		panel: "--rb-panel-radius",
 		legacyCard: "--radius-card",
 		legacyControl: "--radius-control"
 	};
@@ -13664,6 +14268,10 @@ ${`:where([data-theme-scope="${themeId}"]) :where([data-block="customer-portal"]
   /* Modal (shared rb-modal classes) */
   --rb-modal-overlay-bg: rgb(var(--tb-text, 0 0 0) / 0.35);
   --rb-modal-bg: var(--cp-card-bg);
+  --rb-modal-text: var(--cp-text);
+  --rb-modal-heading: var(--cp-text);
+  --rb-modal-link: var(--cp-primary);
+  --rb-modal-supporting: var(--cp-muted);
   --rb-modal-border: var(--cp-card-border);
   --rb-modal-shadow: var(--shadow-lg, var(--shadow-elev));
   --rb-modal-radius: var(--cp-card-radius);
@@ -13977,15 +14585,20 @@ var init_customCss = __esmMin((() => {
 //#endregion
 //#region ../theme-core/src/runtime/buildThemeRuntime.ts
 var init_buildThemeRuntime = __esmMin((() => {
+	init_shadow();
 	init_generateButtonCss();
+	init_generateCardCss();
 	init_generateAccordionCss();
 	init_defaults();
 	init_generateInputCss();
 	init_header();
 	init_footer();
 	init_layout$3();
+	init_status();
+	init_typography$1();
 	init_tokens();
 	init_blocks$2();
+	init_colorStyles();
 	init_customCss();
 	init_responsiveMode();
 }));
@@ -14016,7 +14629,10 @@ var init_ResponsiveScope = __esmMin((() => {
 //#region ../theme-core/src/fonts/index.ts
 var init_fonts = __esmMin((() => {}));
 var init_buildThemeRuntimeFromBridge = __esmMin((() => {
+	init_shadow();
 	init_customCss();
+	init_core$1();
+	init_status();
 	init_blocks$2();
 	z$1.object({
 		tokens: z$1.record(z$1.string(), z$1.string()),
@@ -14622,6 +15238,9 @@ var init_validation_constants = __esmMin((() => {
 		"richText",
 		"media",
 		"videoEmbed",
+		"icon",
+		"feature-card-icon",
+		"svg",
 		"button",
 		"link",
 		"carousel",
@@ -14651,11 +15270,13 @@ var init_validation_constants = __esmMin((() => {
 		"value.jsonArray",
 		"value.csv",
 		"array.marqueeLoop",
+		"value.mapToken",
 		"layout.maxWidthClass",
 		"layout.headerRootClass",
 		"layout.footerRootClass",
 		"layout.headerRootStyle",
 		"layout.headerSectionBackground",
+		"layout.classicNavMode",
 		"layout.footerRootStyle",
 		"ui.headerNavLinkClass",
 		"ui.headingClassFromAlignment",
@@ -17195,7 +17816,7 @@ var init_themeColorResolution = __esmMin((() => {
 	init_tokenOrColor();
 }));
 //#endregion
-//#region ../blocks/src/system/transforms/registry/_utils/sectionForegroundStyles.ts
+//#region ../blocks/src/system/transforms/registry/_utils/surfaceForegroundStyles.ts
 function readColorToken(input, key) {
 	const value = input[key];
 	return typeof value === "string" && value.trim().length > 0 ? value.trim() : null;
@@ -17204,20 +17825,20 @@ function resolveOptionalForegroundColor(value, context) {
 	if (!value) return null;
 	return resolveBackgroundColorValue(value, context);
 }
-function resolveSectionForegroundStyles(value, context) {
+function resolveSurfaceForegroundStyles(value, context) {
 	if (!value || typeof value !== "object") return {};
 	const input = value;
 	const resolvedText = resolveOptionalForegroundColor(readColorToken(input, "textColor"), context);
 	if (!resolvedText) return {};
-	return {
-		color: resolvedText,
-		"--section-text-color": resolvedText,
-		"--section-heading-color": resolveOptionalForegroundColor(readColorToken(input, "headingColor"), context) ?? resolvedText,
-		"--section-link-color": resolveOptionalForegroundColor(readColorToken(input, "linkColor"), context) ?? resolvedText,
-		"--section-supporting-color": resolveOptionalForegroundColor(readColorToken(input, "supportingColor"), context) ?? resolvedText
-	};
+	return { ...surfaceForegroundStyle({
+		text: resolvedText,
+		heading: resolveOptionalForegroundColor(readColorToken(input, "headingColor"), context) ?? void 0,
+		link: resolveOptionalForegroundColor(readColorToken(input, "linkColor"), context) ?? void 0,
+		supporting: resolveOptionalForegroundColor(readColorToken(input, "supportingColor"), context) ?? void 0
+	}) };
 }
-var init_sectionForegroundStyles = __esmMin((() => {
+var init_surfaceForegroundStyles = __esmMin((() => {
+	init_surfaces();
 	init_themeColorResolution();
 }));
 //#endregion
@@ -17249,7 +17870,7 @@ function isTileTreatment(value) {
 function isEventListTreatment(value) {
 	return typeof value === "string" && eventListTreatmentSet.has(value);
 }
-var spacingTransform, raisedTransform, roundedTransform, boxStylesCompositeTransform, cardVariantClassTransform, boxStylesBorderColorTransform, fixedFrameScopeClass, tileTreatmentClassMap, tileTreatmentSet, eventListTreatmentClassMap, eventListTreatmentSet, sectionClassNameTransform, containerStylesResolveClassName, containerStylesResolveBoxClassName, sectionTextColorStyleTransform, sectionHeadingColorStyleTransform, sectionColorsStyleTransform, GAP_CLASS_MAP, GAP_VALUE_MAP, semanticGapTransform, semanticGapValueTransform, boxStylesTransforms;
+var spacingTransform, raisedTransform, roundedTransform, boxStylesCompositeTransform, cardVariantClassTransform, boxStylesBorderColorTransform, fixedFrameScopeClass, tileTreatmentClassMap, tileTreatmentSet, eventListTreatmentClassMap, eventListTreatmentSet, sectionClassNameTransform, containerStylesResolveClassName, containerStylesResolveBoxClassName, sectionColorsStyleTransform, GAP_CLASS_MAP, GAP_VALUE_MAP, semanticGapTransform, semanticGapValueTransform, boxStylesTransforms;
 var init_boxStyles = __esmMin((() => {
 	init_core();
 	init_spacing();
@@ -17257,8 +17878,7 @@ var init_boxStyles = __esmMin((() => {
 	init_colorStyles();
 	init_cards();
 	init_blockColorTokens();
-	init_themeColorResolution();
-	init_sectionForegroundStyles();
+	init_surfaceForegroundStyles();
 	spacingTransform = {
 		id: "boxStyles.spacing",
 		kind: "string",
@@ -17488,45 +18108,11 @@ var init_boxStyles = __esmMin((() => {
 			}, context);
 		}
 	};
-	sectionTextColorStyleTransform = {
-		id: "sectionStyles.resolveTextColorStyle",
-		kind: "formatter",
-		summary: "Resolve section text color token into a style object",
-		run: (value, options, context) => {
-			const fallbackToken = options?.fallbackToken;
-			if (typeof value === "string" && value.trim()) {
-				const colorValue = resolveBackgroundColorValue(value.trim(), context);
-				return {
-					color: colorValue,
-					"--section-text-color": colorValue
-				};
-			}
-			if (typeof fallbackToken === "string" && fallbackToken.trim()) {
-				const colorValue = resolveBackgroundColorValue(fallbackToken.trim(), context);
-				return {
-					color: colorValue,
-					"--section-text-color": colorValue
-				};
-			}
-			return {};
-		}
-	};
-	sectionHeadingColorStyleTransform = {
-		id: "sectionStyles.resolveHeadingColorStyle",
-		kind: "formatter",
-		summary: "Resolve section heading color token into a style object",
-		run: (value, options, context) => {
-			const fallbackToken = options?.fallbackToken;
-			if (typeof value === "string" && value.trim()) return { "--section-heading-color": resolveBackgroundColorValue(value.trim(), context) };
-			if (typeof fallbackToken === "string" && fallbackToken.trim()) return { "--section-heading-color": resolveBackgroundColorValue(fallbackToken.trim(), context) };
-			return {};
-		}
-	};
 	sectionColorsStyleTransform = {
 		id: "sectionStyles.resolveColorsStyle",
 		kind: "formatter",
-		summary: "Resolve section foreground colors into a style object",
-		run: (value, _options, context) => resolveSectionForegroundStyles(value, context)
+		summary: "Resolve surface foreground colors into a style object",
+		run: (value, _options, context) => resolveSurfaceForegroundStyles(value, context)
 	};
 	GAP_CLASS_MAP = {
 		none: "rb-gap-semantic-none",
@@ -17572,8 +18158,6 @@ var init_boxStyles = __esmMin((() => {
 		sectionClassNameTransform,
 		containerStylesResolveClassName,
 		containerStylesResolveBoxClassName,
-		sectionTextColorStyleTransform,
-		sectionHeadingColorStyleTransform,
 		sectionColorsStyleTransform,
 		semanticGapTransform,
 		semanticGapValueTransform
@@ -18551,7 +19135,29 @@ var init_ctaRow = __esmMin((() => {
 		fields: [createCtasRepeater({
 			label: "Calls to action",
 			itemLabel: "CTA",
-			maxItems: 3
+			maxItems: 3,
+			button: { variants: [
+				{
+					value: "primary",
+					label: "Primary"
+				},
+				{
+					value: "secondary",
+					label: "Secondary"
+				},
+				{
+					value: "outline",
+					label: "Outline"
+				},
+				{
+					value: "link",
+					label: "Link"
+				},
+				{
+					value: "accent",
+					label: "Accent"
+				}
+			] }
 		})],
 		layout: [ctaRow({
 			collectionPath: "content.ctas",
@@ -18852,6 +19458,55 @@ function buildHighlightLayout() {
 function buildGridCardsLayout(className) {
 	return el$1("div", { className }, buildResponsiveGridCards());
 }
+/**
+* Build a single "featured editorial" testimonial card.
+*
+* This card type deliberately renders NO avatar/headshot: an amber quote mark,
+* the quote body, then the author name and a context line. Colour + surface
+* treatment is driven entirely by `variantClass` (see testimonials.css):
+*   - `rb-testimonials-fe-card--feature` → spruce-ink card (dark primary bg)
+*   - `rb-testimonials-fe-card--plain`   → white surface card
+*
+* Extra modifiers (`repeat`, `when`) are forwarded to the card node so the
+* caller can drive first-vs-rest branching.
+*/
+function buildFeaturedEditorialCard(variantClass, ...mods) {
+	const quoteMark = text({
+		as: "span",
+		className: "rb-testimonials-fe-qmark",
+		"aria-hidden": "true"
+	}, props({ value: "“" }));
+	const quote = richText({ className: "rb-testimonials-fe-quote rb-max-w-none" }, bind$1("testimonial.content.body"), when("testimonial.content.body"));
+	const meta = el$1("div", { className: "rb-testimonials-fe-meta" }, [text({
+		as: "strong",
+		className: "rb-testimonials-fe-name"
+	}, bind$1("testimonial.content.name", { fallback: "Anonymous" })), text({
+		as: "span",
+		className: "rb-testimonials-fe-context"
+	}, when("testimonial.content.jobTitle"), bind$1("testimonial.content.jobTitle"))]);
+	return el$1("div", { className: `rb-testimonials-fe-card ${variantClass}` }, [
+		quoteMark,
+		quote,
+		meta
+	], ...mods);
+}
+/**
+* Build the "featured editorial" layout: an asymmetric two-column arrangement
+* where the FIRST testimonial is a large featured (spruce-ink) card and the
+* remaining testimonials stack as white cards beside it.
+*
+* First-vs-rest branching is done without an offset primitive: the featured
+* card uses `repeat(..., { limit: 1 })` (entry 0 only), and the rest column
+* repeats over every entry but skips index 0 via `when("tIndex", { equals: 0,
+* not: true })`. The `$when` guard is re-evaluated per repeated item with the
+* index scope in context, so entry 0 produces no node in the rest column.
+*/
+function buildFeaturedEditorialLayout() {
+	return el$1("div", { className: "rb-testimonials-fe-grid" }, [buildFeaturedEditorialCard("rb-testimonials-fe-card--feature", repeat("data.entries", "testimonial", { limit: 1 })), el$1("div", { className: "rb-testimonials-fe-col" }, [buildFeaturedEditorialCard("rb-testimonials-fe-card--plain", repeat("data.entries", "testimonial", { indexName: "tIndex" }), when("tIndex", {
+		equals: 0,
+		not: true
+	}))])]);
+}
 var grid$4, testimonialsCarouselFragment;
 var init_testimonialsCarousel = __esmMin((() => {
 	init_types$4();
@@ -22199,7 +22854,7 @@ var init_faq = __esmMin((() => {
 		children: styledContainer({
 			baseClassName: "rb-relative rb-isolate",
 			children: stack({
-				gap: "xl",
+				gap: "lg",
 				className: "rb-w-full rb-max-w-4xl rb-mx-auto"
 			}, [headingLayout, accordionLayout])
 		}),
@@ -22216,7 +22871,7 @@ var init_faq = __esmMin((() => {
 		children: styledContainer({
 			baseClassName: "rb-relative rb-isolate",
 			children: stack({
-				gap: "xl",
+				gap: "lg",
 				className: "rb-w-full"
 			}, [headingLayout, questionColumnsAccordionLayout])
 		}),
@@ -22291,7 +22946,7 @@ var init_faq = __esmMin((() => {
 function toUnknownArray(value) {
 	return Array.isArray(value) ? value : [];
 }
-var uppercaseTransform, fallbackTransform, dateFormatShort, arrayLengthTransform, jsonArrayTransform, csvTransform, marqueeLoopOptionsSchema, marqueeLoopTransform, formattingTransforms;
+var uppercaseTransform, fallbackTransform, dateFormatShort, arrayLengthTransform, jsonArrayTransform, csvTransform, marqueeLoopOptionsSchema, marqueeLoopTransform, mapTokenOptionsSchema, mapTokenTransform, formattingTransforms;
 var init_formatting = __esmMin((() => {
 	uppercaseTransform = {
 		id: "string.uppercase",
@@ -22379,6 +23034,26 @@ var init_formatting = __esmMin((() => {
 			return [...base, ...base];
 		}
 	};
+	mapTokenOptionsSchema = z$1.object({
+		/**
+		* Maps an input state/enum value (stringified) to a theme token ROLE name
+		* (e.g. `secondary`, `accent`, `muted`, `border`). The role is wrapped to
+		* `rgb(var(--tb-<role>))` so the result drops straight into a `style` binding.
+		*/
+		cases: z$1.record(z$1.string(), z$1.string()),
+		/** Role used when the value matches no case. Omit to yield `undefined`. */
+		fallback: z$1.string().optional()
+	});
+	mapTokenTransform = {
+		id: "value.mapToken",
+		kind: "formatter",
+		summary: "Map a state/enum value to a theme token colour (rgb(var(--tb-<role>)))",
+		schema: mapTokenOptionsSchema,
+		run: (value, options) => {
+			const role = options.cases[String(value)] ?? options.fallback;
+			return role ? `rgb(var(--tb-${role}))` : void 0;
+		}
+	};
 	formattingTransforms = [
 		uppercaseTransform,
 		fallbackTransform,
@@ -22386,7 +23061,8 @@ var init_formatting = __esmMin((() => {
 		arrayLengthTransform,
 		jsonArrayTransform,
 		csvTransform,
-		marqueeLoopTransform
+		marqueeLoopTransform,
+		mapTokenTransform
 	];
 }));
 //#endregion
@@ -23025,11 +23701,12 @@ function extractBackgroundColorToken(background, fallback) {
 	if (background.type === "image") return "neutral-900";
 	return fallback;
 }
-var joinClasses, headerLogoClassSchema, headerLogoClassTransform, headerLogoMediaClassTransform, headerLogoTextVisibleTransform, maxWidthClassSchema, maxWidthClassTransform, headerRootClassSchema, headerRootClassTransform, footerRootClassSchema, footerRootClassTransform, headerRootStyleTransform, headerSectionBackgroundTransform, footerRootStyleTransform, footerSpacingClassXMap, footerSpacingClassYMap, footerGapXClassMap, footerGapYClassMap, footerAlignClassMap, footerBottomBarClassSchema, footerBottomBarClassTransform, footerBottomBarContainerClassSchema, footerBottomBarContainerClassTransform, footerBottomBarStyleTransform, footerSplitNavSingleClassTransform, footerSimpleRootClassTransform, footerSimpleNavClassTransform, footerSplitMainClassSchema, footerSplitMainClassTransform, footerLogoClassSchema, footerLogoClassTransform, footerLogoMediaClassSchema, footerLogoMediaClassTransform, footerLogoTextVisibleTransform, layoutTransforms;
+var joinClasses, headerLogoClassSchema, headerLogoClassTransform, headerLogoMediaClassTransform, headerLogoTextVisibleTransform, classicNavModeTransform, maxWidthClassSchema, maxWidthClassTransform, headerRootClassSchema, headerRootClassTransform, footerRootClassSchema, footerRootClassTransform, headerRootStyleTransform, headerSectionBackgroundTransform, footerRootStyleTransform, footerSpacingClassXMap, footerSpacingClassYMap, footerGapXClassMap, footerGapYClassMap, footerAlignClassMap, footerBottomBarClassSchema, footerBottomBarClassTransform, footerBottomBarContainerClassSchema, footerBottomBarContainerClassTransform, footerBottomBarStyleTransform, footerSplitNavSingleClassTransform, footerSimpleRootClassTransform, footerSimpleNavClassTransform, footerSplitMainClassSchema, footerSplitMainClassTransform, footerLogoClassSchema, footerLogoClassTransform, footerLogoMediaClassSchema, footerLogoMediaClassTransform, footerLogoTextVisibleTransform, layoutTransforms;
 var init_layout$2 = __esmMin((() => {
 	init_colorConversion();
 	init_core();
 	init_colorStyles();
+	init_surfaces();
 	init_siteChromePlacement();
 	joinClasses = (parts) => parts.filter((part) => typeof part === "string" && part.trim().length > 0).join(" ").replace(/\s+/g, " ").trim();
 	headerLogoClassSchema = z$1.object({ base: z$1.string().optional() });
@@ -23071,6 +23748,16 @@ var init_layout$2 = __esmMin((() => {
 			return resolveHeaderBrandDisplay(asPartialObject(value)) !== "logo-only";
 		}
 	};
+	classicNavModeTransform = {
+		id: "layout.classicNavMode",
+		kind: "formatter",
+		summary: "Resolve which classic-layout nav row to render",
+		run: (value) => {
+			const header = asPartialObject(value);
+			if (header?.variant !== "classic") return "other";
+			return header?.navPlacement === "center" ? "centered" : "inline";
+		}
+	};
 	maxWidthClassSchema = z$1.object({
 		base: z$1.string().optional(),
 		container: z$1.string().optional(),
@@ -23200,8 +23887,9 @@ var init_layout$2 = __esmMin((() => {
 					styleParts.push(backgroundColorStyle(token));
 				}
 			}
-			if (visuals.textColorOverride) styleParts.push({ color: visuals.textColorOverride });
-			else if (visuals.textColorToken) styleParts.push(textColorStyle(visuals.textColorToken));
+			const foreground = visuals.textColorOverride ?? (visuals.textColorToken ? rgbColorValue(visuals.textColorToken) : null);
+			if (!visuals.isTransparent && foreground) styleParts.push(surfaceForegroundStyle({ text: foreground }));
+			else if (foreground) styleParts.push({ color: foreground });
 			styleParts.push(borderColorStyle("border"));
 			return mergeStyles(...styleParts);
 		}
@@ -23289,18 +23977,16 @@ var init_layout$2 = __esmMin((() => {
 			const styleParts = [];
 			const background = bottomBar?.background;
 			if (background?.type === "color") styleParts.push(backgroundColorStyle(background.color ?? "surface"));
-			if (bottomBar?.textColor) styleParts.push(textColorStyle(bottomBar.textColor));
 			const borderColorToken = bottomBar?.borderTop?.colorToken;
 			if (borderColorToken) styleParts.push(borderColorStyle(borderColorToken));
 			else styleParts.push(borderColorStyle("border"));
 			const borderWidth = bottomBar?.borderTop?.width;
 			if (borderWidth && borderWidth !== "none") styleParts.push({ borderTopWidth: borderWidth === "thin" ? "1px" : borderWidth === "medium" ? "2px" : "3px" });
 			else if (borderWidth === "none") styleParts.push({ borderTopWidth: "0px" });
-			if (!bottomBar?.textColor) {
-				const visuals = resolveBackgroundVisualStyles(extractBackgroundColorToken(background, "surface"), context.theme);
-				if (visuals.textColorOverride) styleParts.push({ color: visuals.textColorOverride });
-				else if (visuals.textColorToken) styleParts.push(textColorStyle(visuals.textColorToken));
-			}
+			const visuals = resolveBackgroundVisualStyles(extractBackgroundColorToken(background, "surface"), context.theme);
+			const foreground = bottomBar?.textColor ? rgbColorValue(bottomBar.textColor) : visuals.textColorOverride ?? (visuals.textColorToken ? rgbColorValue(visuals.textColorToken) : null);
+			if (background?.type === "color" && foreground) styleParts.push(surfaceForegroundStyle({ text: foreground }));
+			else if (foreground && bottomBar?.textColor) styleParts.push({ color: foreground });
 			return mergeStyles(...styleParts);
 		}
 	};
@@ -23419,6 +24105,7 @@ var init_layout$2 = __esmMin((() => {
 		headerLogoClassTransform,
 		headerLogoMediaClassTransform,
 		headerLogoTextVisibleTransform,
+		classicNavModeTransform,
 		footerRootClassTransform,
 		headerRootStyleTransform,
 		headerSectionBackgroundTransform,
@@ -23665,7 +24352,7 @@ var init_shared$4 = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/blocks/site-header.ts
-var whenTransformed$1, logoRow, centeredLogoRow, createNavRow, headerCta, mobileCta, mobileToggleIcon, mobileToggleButton, mobileOverlayToggleButton, mobileNavList, mobileOverlayHeader, mobileOverlayBody, mobileOverlay, mobileHeaderBar, classicLayout, centeredLayout, transparentLayout, floatingLayout, headerLayout, siteHeaderManifest, siteHeaderBlockDefinition;
+var whenTransformed$1, logoRow, centeredLogoRow, createNavRow, headerCta, mobileCta, mobileToggleIcon, mobileToggleButton, mobileOverlayToggleButton, mobileNavList, mobileOverlayHeader, mobileOverlayBody, mobileOverlay, mobileHeaderBar, classicLayout, classicCenteredNavLayout, centeredLayout, transparentLayout, floatingLayout, headerLayout, siteHeaderManifest, siteHeaderBlockDefinition;
 var init_site_header = __esmMin((() => {
 	init_builder$1();
 	init_fragments$1();
@@ -23854,7 +24541,18 @@ var init_site_header = __esmMin((() => {
 		logoRow,
 		createNavRow(`rb-ml-auto ${desktopOnlyDisplay("flex")} rb-gap-6`),
 		headerCta
-	], when("$root.theme.header.variant", { equals: "classic" }));
+	], whenTransformed$1("$root.theme.header", "layout.classicNavMode", "inline"));
+	classicCenteredNavLayout = inline({
+		className: bindProp("$root.theme.header.maxWidth", {
+			transforms: pipe(tx("layout.maxWidthClass", { base: `rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6` })),
+			fallback: `rb-container rb-header-layout ${desktopOnlyDisplay("flex")} rb-w-full rb-items-center rb-gap-6`
+		}),
+		align: "center"
+	}, [
+		logoRow,
+		createNavRow(`rb-flex-1 rb-justify-center ${desktopOnlyDisplay("flex")} rb-gap-6`, "center"),
+		headerCta
+	], whenTransformed$1("$root.theme.header", "layout.classicNavMode", "centered"));
 	centeredLayout = stack({
 		gap: "md",
 		align: "center",
@@ -23907,6 +24605,7 @@ var init_site_header = __esmMin((() => {
 	}, [
 		mobileHeaderBar,
 		classicLayout,
+		classicCenteredNavLayout,
 		centeredLayout,
 		transparentLayout,
 		floatingLayout,
@@ -23985,6 +24684,7 @@ var init_site_footer = __esmMin((() => {
 	init_defineBlock();
 	init_site_footer_nav_groups_layout();
 	init_colorStyles();
+	init_surfaces();
 	footerTextLayout = () => materializeFragment({ fragment: footerBottomTextFragment }).layout;
 	whenTransformed = (from, transformId, equals = true) => (node) => ({
 		...node,
@@ -24153,7 +24853,7 @@ var init_site_footer = __esmMin((() => {
 		style: { $bind: {
 			from: "$root.theme.footer",
 			transforms: [{ id: "layout.footerRootStyle" }],
-			fallback: mergeStyles(backgroundColorStyle("surface"), textColorStyle("text"), borderColorStyle("border"))
+			fallback: mergeStyles(backgroundColorStyle("surface"), surfaceForegroundStyle({ text: "rgb(var(--tb-text))" }), borderColorStyle("border"))
 		} }
 	}, [
 		simpleFooterLayout,
@@ -24201,7 +24901,7 @@ var init_site_footer = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/blocks/testimonials.tsx
-var backgroundImageClassName, wrapVariant$2, carouselLayout$1, gridLayout$1, highlightLayout, splitGridLayout, additionalFields, entriesLoader, dataLoaders, testimonialsManifest, testimonialsBlockDefinition;
+var backgroundImageClassName, wrapVariant$2, carouselLayout$1, gridLayout$1, highlightLayout, splitGridLayout, featuredEditorialLayout, additionalFields, entriesLoader, dataLoaders, testimonialsManifest, testimonialsBlockDefinition;
 var init_testimonials = __esmMin((() => {
 	init_schema();
 	init_fragments$1();
@@ -24214,7 +24914,7 @@ var init_testimonials = __esmMin((() => {
 	backgroundImageClassName = "rb-absolute rb-inset-0 rb-z-neg-10 rb-h-full rb-w-full rb-object-cover rb-opacity-50";
 	wrapVariant$2 = (variantLayout) => styledSection({
 		children: styledContainer({ children: stack({
-			gap: "xl",
+			gap: "lg",
 			className: "rb-relative"
 		}, [...testimonialsHeadingFragment.layout, variantLayout]) }),
 		baseClass: "",
@@ -24240,6 +24940,26 @@ var init_testimonials = __esmMin((() => {
 		spacing: "comfortable",
 		imageClassName: backgroundImageClassName
 	});
+	featuredEditorialLayout = styledSection({
+		children: styledContainer({
+			baseClassName: "rb-relative rb-isolate",
+			children: stack({
+				gap: "lg",
+				className: "rb-relative"
+			}, [el$1("div", { className: "rb-testimonials-fe-head" }, [text({
+				as: "h2",
+				className: "rb-text-left",
+				headingDecoration: "off"
+			}, when("content.heading"), bind$1("content.heading")), el$1("div", { className: "rb-testimonials-fe-leadin" }, [text({
+				as: "p",
+				className: "rb-prose",
+				style: textColorStyle("mutedText")
+			}, when("content.subheading"), bind$1("content.subheading"))])]), buildFeaturedEditorialLayout()])
+		}),
+		baseClass: "",
+		spacing: "comfortable",
+		imageClassName: backgroundImageClassName
+	});
 	additionalFields = parseFieldDefinitions([
 		...testimonialsHeadingFragment.fields,
 		{
@@ -24326,6 +25046,7 @@ var init_testimonials = __esmMin((() => {
 			carousel: carouselLayout$1,
 			grid: gridLayout$1,
 			"split-grid": splitGridLayout,
+			"featured-editorial": featuredEditorialLayout,
 			highlight: highlightLayout
 		},
 		defaultVariant: "carousel",
@@ -24345,6 +25066,11 @@ var init_testimonials = __esmMin((() => {
 				description: "Heading on the left with testimonial cards on the right",
 				icon: "PanelLeft"
 			},
+			"featured-editorial": {
+				label: "Featured editorial",
+				description: "A large featured ink quote beside a column of stacked cards (no avatars)",
+				icon: "Quote"
+			},
 			highlight: {
 				label: "Highlight",
 				description: "A single, centered testimonial with no carousel",
@@ -25745,7 +26471,7 @@ var init_feature_cards = __esmMin((() => {
 	cardsLayout = styledSection({
 		children: styledContainer({
 			rootType: "stack",
-			rootProps: { gap: "xl" },
+			rootProps: { gap: "lg" },
 			children: [stack({
 				gap: "sm",
 				className: "rb-feature-cards-heading rb-mx-auto rb-max-w-3xl rb-text-center"
@@ -27622,8 +28348,11 @@ var init_filtering = __esmMin((() => {
 }));
 //#endregion
 //#region ../blocks/src/system/blocks/events/shared/layout.ts
-function eventSectionHeaderLayoutNodes() {
-	return [text({ as: "h2" }, bind$1("content.heading"), when("content.heading", { authoringPresence: recoverEmptyHeadingWhenActive })), richText({ className: "rb-prose rb-max-w-none" }, bind$1("content.description"), when("content.description", { authoringPresence: recoverEmptyDescriptionWhenActive }))];
+function eventSectionHeaderLayoutNodes(options = {}) {
+	const headingNode = text({ as: "h2" }, bind$1("content.heading"), when("content.heading", { authoringPresence: recoverEmptyHeadingWhenActive }));
+	const descriptionNode = richText({ className: "rb-prose rb-max-w-none" }, bind$1("content.description"), when("content.description", { authoringPresence: recoverEmptyDescriptionWhenActive }));
+	if (options.splitClassName) return [el$1("div", { className: options.splitClassName }, [headingNode, descriptionNode])];
+	return [headingNode, descriptionNode];
 }
 var recoverEmptyHeadingWhenActive, recoverEmptyDescriptionWhenActive;
 var init_layout$1 = __esmMin((() => {
@@ -27715,7 +28444,8 @@ var init_events$1 = __esmMin((() => {
 		"combined",
 		"calendar",
 		"list",
-		"timetable"
+		"timetable",
+		"week-board"
 	];
 	eventCalendarDefaultViewValues = ["month", "week"];
 	eventCalendarListLayoutValues = [
@@ -30292,7 +31022,7 @@ var init_event_calendar = __esmMin((() => {
 		children: styledContainer({
 			rootType: "stack",
 			rootProps: { gap: "lg" },
-			children: [...eventSectionHeaderLayoutNodes(), el$1("event-calendar", withApiBindings$1({
+			children: [...eventSectionHeaderLayoutNodes({ splitClassName: "event-section-head event-section-head--split" }), el$1("event-calendar", withApiBindings$1({
 				events: { $bind: { from: "data.events" } },
 				stage: { $bind: {
 					from: "$root.previewStage",
@@ -30403,6 +31133,10 @@ var init_event_calendar = __esmMin((() => {
 					value: "timetable",
 					label: "Timetable"
 				},
+				{
+					value: "week-board",
+					label: "Week board"
+				},
 				{
 					value: "list",
 					label: "List"
@@ -30585,7 +31319,8 @@ var init_event_calendar = __esmMin((() => {
 					oneOf: [
 						"combined",
 						"calendar",
-						"timetable"
+						"timetable",
+						"week-board"
 					]
 				}
 			}
@@ -30688,7 +31423,8 @@ var init_event_calendar = __esmMin((() => {
 						"combined",
 						"calendar",
 						"list",
-						"timetable"
+						"timetable",
+						"week-board"
 					]
 				}
 			}
@@ -30723,7 +31459,8 @@ var init_event_calendar = __esmMin((() => {
 						"combined",
 						"calendar",
 						"list",
-						"timetable"
+						"timetable",
+						"week-board"
 					]
 				}, {
 					field: "showFilters",
@@ -30746,7 +31483,8 @@ var init_event_calendar = __esmMin((() => {
 						"combined",
 						"calendar",
 						"list",
-						"timetable"
+						"timetable",
+						"week-board"
 					]
 				}, {
 					field: "showFilters",
@@ -30769,7 +31507,8 @@ var init_event_calendar = __esmMin((() => {
 						"combined",
 						"calendar",
 						"list",
-						"timetable"
+						"timetable",
+						"week-board"
 					]
 				}, {
 					field: "showFilters",
@@ -30791,7 +31530,8 @@ var init_event_calendar = __esmMin((() => {
 					oneOf: [
 						"combined",
 						"list",
-						"timetable"
+						"timetable",
+						"week-board"
 					]
 				}, { allOf: [{
 					field: "variant",
@@ -30967,6 +31707,7 @@ var init_event_calendar = __esmMin((() => {
 		combined: eventCalendarLayout[0],
 		calendar: eventCalendarLayout[0],
 		timetable: eventCalendarLayout[0],
+		"week-board": eventCalendarLayout[0],
 		list: eventCalendarLayout[0]
 	};
 	eventCalendarContentShape = {
@@ -30980,6 +31721,7 @@ var init_event_calendar = __esmMin((() => {
 					{ value: "combined" },
 					{ value: "calendar" },
 					{ value: "timetable" },
+					{ value: "week-board" },
 					{ value: "list" }
 				]
 			},
@@ -31045,6 +31787,7 @@ var init_event_calendar = __esmMin((() => {
 			combined: { label: "Combined" },
 			calendar: { label: "Calendar" },
 			timetable: { label: "Timetable" },
+			"week-board": { label: "Week board" },
 			list: { label: "List" }
 		}
 	};
@@ -36562,6 +37305,12 @@ var init_blocks$1 = __esmMin((() => {
 					family: "centered",
 					weight: "featured",
 					bias: "soft"
+				}),
+				layoutProfile({
+					variantKey: "featured-editorial",
+					family: "split",
+					weight: "featured",
+					bias: "soft"
 				})
 			]
 		})),
@@ -36694,6 +37443,11 @@ var init_blocks$1 = __esmMin((() => {
 					variantKey: "timetable",
 					family: "stack",
 					weight: "standard"
+				}),
+				layoutProfile({
+					variantKey: "week-board",
+					family: "stack",
+					weight: "standard"
 				})
 			]
 		})),
@@ -36987,7 +37741,7 @@ var init_background = __esmMin((() => {
 	init_background$2();
 	init_gradients();
 	init_themeColorResolution();
-	init_sectionForegroundStyles();
+	init_surfaceForegroundStyles();
 	init_backgroundMedia();
 	init_media();
 	isString = (value) => typeof value === "string" && value.trim().length > 0;
@@ -37116,8 +37870,8 @@ var init_background = __esmMin((() => {
 		{
 			id: "background.resolveColorsStyle",
 			kind: "formatter",
-			summary: "Resolve section foreground colors from a background object into scoped CSS vars",
-			run: (value, _options, context) => resolveSectionForegroundStyles(value, context)
+			summary: "Resolve surface foreground colors from a background object into scoped CSS vars",
+			run: (value, _options, context) => resolveSurfaceForegroundStyles(value, context)
 		},
 		{
 			id: "background.resolveAllowOverflow",