/*! Phox Framework 1.3.0 - generated file, do not edit.
    Edit your tokens at Phox Framework in wp-admin; this file is rewritten on save. */

@layer phox {
:root {
		--pxf-surface-dark: #272f36;
		--pxf-on-surface-dark: #f2f6fa;
		--pxf-surface-dark-accent: #6c91ff;
		--pxf-surface-light: #e5e9ed;
		--pxf-on-surface-light: #192027;
		--pxf-surface-light-accent: #3b5bdc;
		--pxf-heading: #2d3842;
		--pxf-text: #4a5560;
		--pxf-muted: #617087;
		--pxf-link: #3b5bdb;
		--pxf-link-hover: #2841c0;
		--pxf-h6: clamp(0.875rem, 0.8137rem + 0.2614vw, 1rem);
		--pxf-h5: clamp(1.05rem, 0.952rem + 0.4183vw, 1.25rem);
		--pxf-h4: clamp(1.26rem, 1.1117rem + 0.6327vw, 1.5625rem);
		--pxf-h3: clamp(1.512rem, 1.2958rem + 0.9226vw, 1.9531rem);
		--pxf-h2: clamp(1.8144rem, 1.507rem + 1.3114vw, 2.4414rem);
		--pxf-h1: clamp(2.1773rem, 1.7486rem + 1.829vw, 3.0518rem);
		--pxf-text-xs: clamp(0.6076rem, 0.5918rem + 0.0677vw, 0.64rem);
		--pxf-text-s: clamp(0.7292rem, 0.6944rem + 0.1481vw, 0.8rem);
		--pxf-text-m: clamp(0.875rem, 0.8137rem + 0.2614vw, 1rem);
		--pxf-text-l: clamp(1.05rem, 0.952rem + 0.4183vw, 1.25rem);
		--pxf-text-xl: clamp(1.26rem, 1.1117rem + 0.6327vw, 1.5625rem);
		--pxf-text-2xl: clamp(1.512rem, 1.2958rem + 0.9226vw, 1.9531rem);
		--pxf-line-height-body: 1.5;
		--pxf-line-height-heading: 1.2;
		--pxf-line-height-compact: 1.3;
		--pxf-space-xs: clamp(0.512rem, 0.3865rem + 0.5354vw, 0.768rem);
		--pxf-space-s: clamp(0.64rem, 0.4831rem + 0.6693vw, 0.96rem);
		--pxf-space-m: clamp(1rem, 0.7549rem + 1.0458vw, 1.5rem);
		--pxf-space-l: clamp(1.25rem, 0.9436rem + 1.3072vw, 1.875rem);
		--pxf-space-xl: clamp(1.5625rem, 1.1795rem + 1.634vw, 2.3438rem);
		--pxf-space-2xl: clamp(1.9531rem, 1.4744rem + 2.0425vw, 2.9297rem);
		--pxf-space-3xl: clamp(2.4414rem, 1.843rem + 2.5531vw, 3.6621rem);
		--pxf-section-space: clamp(2.5rem, 0.7843rem + 7.3203vw, 6rem);
		--pxf-radius-s: 4px;
		--pxf-radius-m: 8px;
		--pxf-radius-l: 16px;
		--pxf-radius-full: 9999px;
		--pxf-content-width: 90rem;
		--pxf-text-width: 65ch;
		--pxf-el-text: var(--pxf-text);
		--pxf-el-heading: var(--pxf-heading);
		--pxf-el-muted: var(--pxf-muted);
	}

:root {
		--pxf-prose-space: var(--pxf-space-m, clamp(1rem, 0.7549rem + 1.0458vw, 1.5rem));
		--pxf-prose-heading: var(--pxf-space-l, clamp(1.25rem, 0.9436rem + 1.3072vw, 1.875rem));
		--pxf-prose-tight: var(--pxf-space-s, clamp(0.64rem, 0.4831rem + 0.6693vw, 0.96rem));
	}

	.breakdance-rich-text-styles > *,
	.entry-content > * {
		margin-block: 0;
	}

	.breakdance-rich-text-styles > * + *,
	.entry-content > * + * {
		margin-block-start: var(--pxf-prose-space);
	}

	.breakdance-rich-text-styles > * + :is(h1, h2, h3, h4, h5, h6),
	.entry-content > * + :is(h1, h2, h3, h4, h5, h6) {
		margin-block-start: var(--pxf-prose-heading);
	}

	.breakdance-rich-text-styles > :is(h1, h2, h3, h4, h5, h6) + *,
	.entry-content > :is(h1, h2, h3, h4, h5, h6) + * {
		margin-block-start: var(--pxf-prose-tight);
	}
}

html:root {
	--pxf-heading: light-dark(#2d3842, #ecf6ff);
	--pxf-text: light-dark(#4a5560, #d0deeb);
	--pxf-muted: light-dark(#617087, #99abc3);
	--pxf-link: light-dark(#3b5bdb, #87a7ff);
	--pxf-link-hover: light-dark(#2841c0, #acc3ff);
}

/*! Phox Framework contextual ink - unlayered on purpose, see build(). */
[data-pxf-context="light"] {
	color-scheme: light;
	--pxf-heading: #2d3842;
	--pxf-text: #4a5560;
	--pxf-muted: #617087;
	--pxf-link: #3b5bdb;
	--pxf-link-hover: #2841c0;
	color: var(--pxf-text);
}

[data-pxf-context="dark"] {
	color-scheme: dark;
	--pxf-heading: #ecf6ff;
	--pxf-text: #d0deeb;
	--pxf-muted: #99abc3;
	--pxf-link: #87a7ff;
	--pxf-link-hover: #acc3ff;
	color: var(--pxf-text);
}
