/*! Phox Framework 1.0.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-primary: #3b5bdb;
		--pxf-primary-ultra-light: #f1f5ff;
		--pxf-primary-light: #d0deff;
		--pxf-primary-semi-light: #9db8ff;
		--pxf-primary-semi-dark: #3553d2;
		--pxf-primary-dark: #1c2fa1;
		--pxf-primary-ultra-dark: #080c5f;
		--pxf-primary-hover: #2a44c3;
		--pxf-on-primary: #ffffff;
		--pxf-base: #1f2933;
		--pxf-base-ultra-light: #f2f6fa;
		--pxf-base-light: #d8dfe6;
		--pxf-base-semi-light: #b2bcc6;
		--pxf-base-semi-dark: #596570;
		--pxf-base-dark: #3a444e;
		--pxf-base-ultra-dark: #192027;
		--pxf-base-hover: #333d48;
		--pxf-on-base: #ffffff;
		--pxf-neutral: #64748b;
		--pxf-neutral-ultra-light: #f0f6fe;
		--pxf-neutral-light: #d5dfed;
		--pxf-neutral-semi-light: #aebcd0;
		--pxf-neutral-semi-dark: #55647b;
		--pxf-neutral-dark: #364356;
		--pxf-neutral-ultra-dark: #17202d;
		--pxf-neutral-hover: #506076;
		--pxf-on-neutral: #ffffff;
		--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: #2a44c3;
		--pxf-h6: clamp(1.2rem, 1.0989rem + 0.4314vw, 1.4063rem);
		--pxf-h5: clamp(1.44rem, 1.2842rem + 0.6647vw, 1.7578rem);
		--pxf-h4: clamp(1.728rem, 1.498rem + 0.9815vw, 2.1973rem);
		--pxf-h3: clamp(2.0736rem, 1.7437rem + 1.4075vw, 2.7466rem);
		--pxf-h2: clamp(2.4883rem, 2.0251rem + 1.9763vw, 3.4332rem);
		--pxf-h1: clamp(2.986rem, 2.346rem + 2.7306vw, 4.2915rem);
		--pxf-text-xs: clamp(0.6944rem, 0.6819rem + 0.0534vw, 0.72rem);
		--pxf-text-s: clamp(0.8333rem, 0.8007rem + 0.1394vw, 0.9rem);
		--pxf-text-m: clamp(1rem, 0.9387rem + 0.2614vw, 1.125rem);
		--pxf-text-l: clamp(1.2rem, 1.0989rem + 0.4314vw, 1.4063rem);
		--pxf-text-xl: clamp(1.44rem, 1.2842rem + 0.6647vw, 1.7578rem);
		--pxf-text-2xl: clamp(1.728rem, 1.498rem + 0.9815vw, 2.1973rem);
		--pxf-line-height-body: 1.6;
		--pxf-line-height-heading: 1.2;
		--pxf-space-xs: clamp(0.2963rem, 0.262rem + 0.1462vw, 0.3662rem);
		--pxf-space-s: clamp(0.4444rem, 0.3751rem + 0.2959vw, 0.5859rem);
		--pxf-space-m: clamp(1rem, 0.7549rem + 1.0458vw, 1.5rem);
		--pxf-space-l: clamp(1.5rem, 1.0588rem + 1.8824vw, 2.4rem);
		--pxf-space-xl: clamp(2.25rem, 1.4706rem + 3.3255vw, 3.84rem);
		--pxf-space-2xl: clamp(3.375rem, 2.0176rem + 5.7914vw, 6.144rem);
		--pxf-space-3xl: clamp(5.0625rem, 2.7253rem + 9.9721vw, 9.8304rem);
		--pxf-section-space: clamp(3rem, 1.5294rem + 6.2745vw, 6rem);
		--pxf-radius-s: 4px;
		--pxf-radius-m: 8px;
		--pxf-radius-l: 16px;
		--pxf-radius-full: 9999px;
		--pxf-content-width: 71.25rem;
		--pxf-text-width: 65ch;
		--pxf-el-surface: var(--pxf-base-ultra-light);
		--pxf-el-base: var(--pxf-base);
		--pxf-el-primary: var(--pxf-primary);
		--pxf-el-neutral-light: var(--pxf-neutral-light);
	}

: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.5rem, 1.0588rem + 1.8824vw, 2.4rem));
		--pxf-prose-tight: var(--pxf-space-s, clamp(0.4444rem, 0.3751rem + 0.2959vw, 0.5859rem));
	}

	.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);
	}
}

/*! 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: #2a44c3;
	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);
}