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

@layer phox {
:root {
		--pxf-base: #737373;
		--pxf-base-ultra-light: #f5f5f5;
		--pxf-base-light: #dedede;
		--pxf-base-semi-light: #bababa;
		--pxf-base-semi-dark: #636363;
		--pxf-base-dark: #424242;
		--pxf-base-ultra-dark: #1f1f1f;
		--pxf-base-hover: #5f5f5f;
		--pxf-on-base: #ffffff;
		--pxf-surface-dark: #2e2e2e;
		--pxf-on-surface-dark: #f5f5f5;
		--pxf-surface-dark-accent: #a1948f;
		--pxf-surface-light: #e8e8e8;
		--pxf-on-surface-light: #1f1f1f;
		--pxf-surface-light-accent: #716460;
		--pxf-heading: #373636;
		--pxf-text: #545354;
		--pxf-muted: #6f6f6f;
		--pxf-link: #5b4f4b;
		--pxf-link-hover: #453a36;
		--pxf-h6: clamp(0.875rem, 0.8232rem + 0.221vw, 1rem);
		--pxf-h5: clamp(1rem, 0.8964rem + 0.442vw, 1.25rem);
		--pxf-h4: clamp(1.125rem, 0.9696rem + 0.663vw, 1.5rem);
		--pxf-h3: clamp(1.25rem, 0.9392rem + 1.326vw, 2rem);
		--pxf-h2: clamp(1.75rem, 1.3356rem + 1.768vw, 2.75rem);
		--pxf-h1: clamp(2rem, 1.3785rem + 2.6519vw, 3.5rem);
		--pxf-text-xs: clamp(0.75rem, 0.6982rem + 0.221vw, 0.875rem);
		--pxf-text-s: clamp(0.875rem, 0.8232rem + 0.221vw, 1rem);
		--pxf-text-m: clamp(1rem, 0.9482rem + 0.221vw, 1.125rem);
		--pxf-text-l: clamp(1.125rem, 1.0732rem + 0.221vw, 1.25rem);
		--pxf-text-xl: clamp(1.25rem, 1.1464rem + 0.442vw, 1.5rem);
		--pxf-text-2xl: clamp(1.5rem, 1.2928rem + 0.884vw, 2rem);
		--pxf-line-height-body: 1.5;
		--pxf-line-height-heading: 1.15;
		--pxf-line-height-compact: 1.3;
		--pxf-space-xs: clamp(0.5rem, 0.3964rem + 0.442vw, 0.75rem);
		--pxf-space-s: clamp(0.75rem, 0.6464rem + 0.442vw, 1rem);
		--pxf-space-m: clamp(0.875rem, 0.7196rem + 0.663vw, 1.25rem);
		--pxf-space-l: clamp(1rem, 0.7928rem + 0.884vw, 1.5rem);
		--pxf-space-xl: clamp(1.25rem, 0.9392rem + 1.326vw, 2rem);
		--pxf-space-2xl: clamp(2rem, 1.5856rem + 1.768vw, 3rem);
		--pxf-space-3xl: clamp(2.5rem, 1.8785rem + 2.6519vw, 4rem);
		--pxf-section-space: clamp(2.5rem, 1.0497rem + 6.1878vw, 6rem);
		--pxf-radius-s: 2px;
		--pxf-radius-m: 4px;
		--pxf-radius-l: 8px;
		--pxf-radius-full: 9999px;
		--pxf-content-width: 80rem;
		--pxf-text-width: 65ch;
		--pxf-el-surface: var(--pxf-base-ultra-light);
		--pxf-el-base: var(--pxf-base);
		--pxf-el-ground: var(--pxf-base-ultra-light);
		--pxf-el-raised: var(--pxf-base-light);
		--pxf-el-text: var(--pxf-text);
		--pxf-el-heading: var(--pxf-heading);
		--pxf-el-muted: var(--pxf-muted);
		--pxf-el-on-base: var(--pxf-on-base);
	}

:root {
		--pxf-prose-space: var(--pxf-space-m, clamp(0.875rem, 0.7196rem + 0.663vw, 1.25rem));
		--pxf-prose-heading: var(--pxf-space-l, clamp(1rem, 0.7928rem + 0.884vw, 1.5rem));
		--pxf-prose-tight: var(--pxf-space-s, clamp(0.75rem, 0.6464rem + 0.442vw, 1rem));
	}

	.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(#373636, #f5f4f5);
	--pxf-text: light-dark(#545354, #dcdcdc);
	--pxf-muted: light-dark(#6f6f6f, #a9a9a9);
	--pxf-link: light-dark(#5b4f4b, #b4a7a2);
	--pxf-link-hover: light-dark(#453a36, #cec0bb);
}

/*! Phox Framework contextual ink - unlayered on purpose, see build(). */
[data-pxf-context="light"] {
	color-scheme: light;
	--pxf-heading: #373636;
	--pxf-text: #545354;
	--pxf-muted: #6f6f6f;
	--pxf-link: #5b4f4b;
	--pxf-link-hover: #453a36;
	color: var(--pxf-text);
}

[data-pxf-context="dark"] {
	color-scheme: dark;
	--pxf-heading: #f5f4f5;
	--pxf-text: #dcdcdc;
	--pxf-muted: #a9a9a9;
	--pxf-link: #b4a7a2;
	--pxf-link-hover: #cec0bb;
	color: var(--pxf-text);
}