/*! Phox Framework 1.2.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: #24352b;
		--pxf-primary-ultra-light: #f1f7f3;
		--pxf-primary-light: #d6e1da;
		--pxf-primary-semi-light: #afbfb5;
		--pxf-primary-semi-dark: #56685d;
		--pxf-primary-dark: #37473d;
		--pxf-primary-ultra-dark: #17221c;
		--pxf-primary-hover: #384a3f;
		--pxf-on-primary: #ffffff;
		--pxf-secondary: #b2945e;
		--pxf-secondary-ultra-light: #fef4e3;
		--pxf-secondary-light: #eddcbe;
		--pxf-secondary-semi-light: #d0b78c;
		--pxf-secondary-semi-dark: #7a5e28;
		--pxf-secondary-dark: #563e08;
		--pxf-secondary-ultra-dark: #2b1c00;
		--pxf-secondary-hover: #9c7f49;
		--pxf-on-secondary: #000000;
		--pxf-accent: #3d5142;
		--pxf-accent-ultra-light: #f0f7f2;
		--pxf-accent-light: #d5e2d8;
		--pxf-accent-semi-light: #aec0b2;
		--pxf-accent-semi-dark: #55695a;
		--pxf-accent-dark: #36483a;
		--pxf-accent-ultra-dark: #16231a;
		--pxf-accent-hover: #2b3e30;
		--pxf-on-accent: #ffffff;
		--pxf-base: #121412;
		--pxf-base-ultra-light: #f4f5f4;
		--pxf-base-light: #dddedd;
		--pxf-base-semi-light: #b9bbb9;
		--pxf-base-semi-dark: #616461;
		--pxf-base-dark: #414341;
		--pxf-base-ultra-dark: #1e201e;
		--pxf-base-hover: #242724;
		--pxf-on-base: #ffffff;
		--pxf-neutral: #f5f2ea;
		--pxf-neutral-ultra-light: #f6f5f3;
		--pxf-neutral-light: #dfded9;
		--pxf-neutral-semi-light: #bdbab4;
		--pxf-neutral-semi-dark: #66635c;
		--pxf-neutral-dark: #44423c;
		--pxf-neutral-ultra-dark: #211f1b;
		--pxf-neutral-hover: #dedbd3;
		--pxf-on-neutral: #000000;
		--pxf-surface-dark: #2c2f2c;
		--pxf-on-surface-dark: #f4f5f4;
		--pxf-surface-dark-accent: #889b8f;
		--pxf-surface-light: #e7e8e7;
		--pxf-on-surface-light: #1e201e;
		--pxf-surface-light-accent: #596b60;
		--pxf-heading: #343734;
		--pxf-text: #515451;
		--pxf-muted: #716f68;
		--pxf-link: #24352b;
		--pxf-link-hover: #384a3f;
		--pxf-h6: clamp(1.275rem, 1.1724rem + 0.4379vw, 1.4844rem);
		--pxf-h5: clamp(1.53rem, 1.3705rem + 0.6807vw, 1.8555rem);
		--pxf-h4: clamp(1.836rem, 1.5991rem + 1.0109vw, 2.3193rem);
		--pxf-h3: clamp(2.2032rem, 1.862rem + 1.4556vw, 2.8992rem);
		--pxf-h2: clamp(2.6438rem, 2.1634rem + 2.0499vw, 3.624rem);
		--pxf-h1: clamp(3.1726rem, 2.5072rem + 2.8389vw, 4.53rem);
		--pxf-text-xs: clamp(0.7378rem, 0.727rem + 0.0463vw, 0.76rem);
		--pxf-text-s: clamp(0.8854rem, 0.8538rem + 0.1351vw, 0.95rem);
		--pxf-text-m: clamp(1.0625rem, 1.0012rem + 0.2614vw, 1.1875rem);
		--pxf-text-l: clamp(1.275rem, 1.1724rem + 0.4379vw, 1.4844rem);
		--pxf-text-xl: clamp(1.53rem, 1.3705rem + 0.6807vw, 1.8555rem);
		--pxf-text-2xl: clamp(1.836rem, 1.5991rem + 1.0109vw, 2.3193rem);
		--pxf-line-height-body: 1.65;
		--pxf-line-height-heading: 1.15;
		--pxf-line-height-compact: 1.3;
		--pxf-font-heading: "Cormorant Garamond", serif;
		--pxf-font-body: "Inter", sans-serif;
		--pxf-space-xs: clamp(0.3333rem, 0.2873rem + 0.1964vw, 0.4272rem);
		--pxf-space-s: clamp(0.5rem, 0.41rem + 0.384vw, 0.6836rem);
		--pxf-space-m: clamp(1.125rem, 0.8186rem + 1.3072vw, 1.75rem);
		--pxf-space-l: clamp(1.6875rem, 1.1422rem + 2.3268vw, 2.8rem);
		--pxf-space-xl: clamp(2.5313rem, 1.576rem + 4.0758vw, 4.48rem);
		--pxf-space-2xl: clamp(3.7969rem, 2.1444rem + 7.0507vw, 7.168rem);
		--pxf-space-3xl: clamp(5.6953rem, 2.8652rem + 12.0753vw, 11.4688rem);
		--pxf-section-space: clamp(4.5rem, 2.5392rem + 8.366vw, 8.5rem);
		--pxf-radius-s: 6px;
		--pxf-radius-m: 10px;
		--pxf-radius-l: 16px;
		--pxf-radius-full: 9999px;
		--pxf-content-width: 71.25rem;
		--pxf-text-width: 65ch;
		--pxf-border-width-hairline: 1px;
		--pxf-border-width-thin: 2px;
		--pxf-border-width-thick: 4px;
		--pxf-border-width: 1px;
		--pxf-border-style: solid;
		--pxf-border-color: var(--pxf-neutral-light, #dfded9);
		--pxf-border: var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfded9);
		--pxf-content-space: var(--pxf-space-m);
		--pxf-container-space: var(--pxf-space-l);
		--pxf-grid-space: var(--pxf-space-l);
		--pxf-btn-padding-x-m: var(--pxf-space-m);
		--pxf-btn-padding-x-s: calc(var(--pxf-space-m) / 1.3);
		--pxf-btn-padding-x-l: calc(var(--pxf-space-m) * 1.3);
		--pxf-btn-padding-y-m: var(--pxf-space-s);
		--pxf-btn-padding-y-s: calc(var(--pxf-space-s) / 1.3);
		--pxf-btn-padding-y-l: calc(var(--pxf-space-s) * 1.3);
		--pxf-btn-text-s: var(--pxf-text-s);
		--pxf-btn-text-m: var(--pxf-text-m);
		--pxf-btn-text-l: var(--pxf-text-l);
		--pxf-btn-weight: 600;
		--pxf-btn-radius: var(--pxf-radius-m);
		--pxf-btn-border-width: 1px;
		--pxf-btn-transition: 160ms;
		--pxf-btn-focus-width: 2px;
		--pxf-form-gap: var(--pxf-space-m);
		--pxf-form-radius: var(--pxf-radius-s);
		--pxf-form-field-padding-block: var(--pxf-space-s);
		--pxf-form-field-padding-inline: var(--pxf-space-s);
		--pxf-form-field-size: var(--pxf-text-m);
		--pxf-form-label-size: var(--pxf-text-s);
		--pxf-form-label-weight: 600;
		--pxf-form-focus-width: 3px;
		--pxf-form-focus-offset: 2px;
		--pxf-form-accent: var(--pxf-primary, #24352b);
		--pxf-form-accent-hover: var(--pxf-primary-hover, #384a3f);
		--pxf-form-on-accent: var(--pxf-on-primary, #ffffff);
		--pxf-form-error: var(--pxf-danger, #b91c1c);
		--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);
		--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);
		--pxf-el-on-primary: var(--pxf-on-primary);
	}

:root {
		--pxf-prose-space: var(--pxf-space-l, clamp(1.6875rem, 1.1422rem + 2.3268vw, 2.8rem));
		--pxf-prose-heading: var(--pxf-space-xl, clamp(2.5313rem, 1.576rem + 4.0758vw, 4.48rem));
		--pxf-prose-tight: var(--pxf-space-m, clamp(1.125rem, 0.8186rem + 1.3072vw, 1.75rem));
	}

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

.pxf-border {
		border: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfded9));
	}
	.pxf-border--top {
		border-block-start: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfded9));
	}
	.pxf-border--bottom {
		border-block-end: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfded9));
	}
	.pxf-border--start {
		border-inline-start: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfded9));
	}
	.pxf-border--end {
		border-inline-end: var(--pxf-border, var(--pxf-border-width, 1px) var(--pxf-border-style, solid) var(--pxf-border-color, #dfded9));
	}
	.pxf-border--hairline {
		border-width: var(--pxf-border-width-hairline, 1px);
	}
	.pxf-border--thin {
		border-width: var(--pxf-border-width-thin, 2px);
	}
	.pxf-border--thick {
		border-width: var(--pxf-border-width-thick, 4px);
	}
	.pxf-border--none {
		border: 0;
	}

.pxf-flow > * {
		margin-block: 0;
	}

	.pxf-flow > * + * {
		margin-block-start: var(--pxf-flow-space, var(--pxf-content-space, var(--pxf-space-m, clamp(1.125rem, 0.8186rem + 1.3072vw, 1.75rem))));
	}

	.pxf-box {
		padding: var(--pxf-box-space, var(--pxf-container-space, var(--pxf-space-l, clamp(1.6875rem, 1.1422rem + 2.3268vw, 2.8rem))));
	}

	.pxf-section {
		padding-block: var(--pxf-section-pad, var(--pxf-section-space, clamp(4.5rem, 2.5392rem + 8.366vw, 8.5rem)));
	}

.pxf-form {
		--pxf-form-surface: var(--pxf-base-ultra-light, #f4f5f4);
	}
	@supports (background-color: color-mix(in oklab, currentColor 6%, transparent)) {
		.pxf-form {
			--pxf-form-surface: color-mix(in oklab, currentColor 6%, transparent);
		}
	}
	.pxf-form {
		display: grid;
		gap: var(--pxf-form-gap, var(--pxf-space-m));
		accent-color: var(--pxf-form-accent, var(--pxf-primary, #24352b));
	}
	.pxf-form__field {
		display: flex;
		flex-direction: column;
		gap: var(--pxf-space-xs, clamp(0.3333rem, 0.2873rem + 0.1964vw, 0.4272rem));
	}
	.pxf-form__row {
		display: flex;
		flex-wrap: wrap;
		gap: var(--pxf-form-gap, var(--pxf-space-m));
	}
	.pxf-form__label, .pxf-form__field > label, .pxf-form > label {
		font-size: var(--pxf-form-label-size, var(--pxf-text-s));
		font-weight: var(--pxf-form-label-weight, 600);
		color: var(--pxf-heading, #343734);
	}
	.pxf-form__help {
		font-size: var(--pxf-text-s, clamp(0.8854rem, 0.8538rem + 0.1351vw, 0.95rem));
		color: var(--pxf-muted, #716f68);
	}
	.pxf-form__error {
		font-size: var(--pxf-text-s, clamp(0.8854rem, 0.8538rem + 0.1351vw, 0.95rem));
		font-weight: 600;
		color: var(--pxf-form-error, var(--pxf-danger, #b91c1c));
	}
	.pxf-form input[type="text"], .pxf-form input[type="email"], .pxf-form input[type="url"], .pxf-form input[type="tel"], .pxf-form input[type="password"], .pxf-form input[type="search"], .pxf-form input[type="number"], .pxf-form input[type="date"], .pxf-form input[type="datetime-local"], .pxf-form input[type="month"], .pxf-form input[type="week"], .pxf-form input[type="time"], .pxf-form input:not([type]), .pxf-form textarea, .pxf-form select {
		box-sizing: border-box;
		inline-size: 100%;
		font-family: inherit;
		font-size: var(--pxf-form-field-size, var(--pxf-text-m));
		line-height: var(--pxf-line-height-body, 1.65);
		color: var(--pxf-text, #515451);
		background-color: var(--pxf-form-surface);
		border: var(--pxf-border, 1px solid var(--pxf-neutral-light, #dfded9));
		border-radius: var(--pxf-form-radius, var(--pxf-radius-s));
		padding-block: var(--pxf-form-field-padding-block, var(--pxf-space-s));
		padding-inline: var(--pxf-form-field-padding-inline, var(--pxf-space-s));
	}
	.pxf-form ::placeholder {
		color: var(--pxf-muted, #716f68);
		opacity: 1;
	}
	.pxf-form textarea {
		resize: vertical;
		min-block-size: calc(var(--pxf-form-field-size, var(--pxf-text-m)) * 4);
	}
	.pxf-form select:not([multiple]):not([size]) {
		appearance: none;
		-webkit-appearance: none;
		background-repeat: no-repeat;
		background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
		background-position: right 1.15em top 55%, right 0.75em top 55%;
		background-size: 0.4em 0.4em, 0.4em 0.4em;
		padding-inline-end: calc(var(--pxf-form-field-padding-inline, var(--pxf-space-s)) + 1.4em);
	}
	.pxf-form input[type="checkbox"], .pxf-form input[type="radio"] {
		inline-size: 1.05em;
		block-size: 1.05em;
		flex: 0 0 auto;
		margin: 0;
	}
	.pxf-form__choice {
		display: flex;
		align-items: baseline;
		gap: var(--pxf-space-xs, clamp(0.3333rem, 0.2873rem + 0.1964vw, 0.4272rem));
		font-size: var(--pxf-form-field-size, var(--pxf-text-m));
		font-weight: 400;
		cursor: pointer;
	}
	.pxf-form :is(input, select, textarea, button):focus-visible {
		outline: var(--pxf-form-focus-width, 3px) solid var(--pxf-form-accent, var(--pxf-primary, #24352b));
		outline-offset: var(--pxf-form-focus-offset, 2px);
	}
	.pxf-form :is(input, select, textarea):is([aria-invalid="true"], :user-invalid) {
		border-color: var(--pxf-form-error, var(--pxf-danger, #b91c1c));
	}
	.pxf-form :is(input, select, textarea):is([aria-invalid="true"], :user-invalid):focus-visible {
		outline-color: var(--pxf-form-error, var(--pxf-danger, #b91c1c));
	}
	.pxf-form :is(input, select, textarea, button):disabled {
		cursor: not-allowed;
		opacity: 0.55;
	}
	.pxf-form :is(button, input[type="submit"], input[type="button"], input[type="reset"]):not(.pxf-btn) {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		justify-self: start;
		font-family: inherit;
		font-size: var(--pxf-form-field-size, var(--pxf-text-m));
		line-height: var(--pxf-line-height-body, 1.65);
		font-weight: 600;
		border: 0;
		border-radius: var(--pxf-form-radius, var(--pxf-radius-s));
		padding-block: var(--pxf-form-field-padding-block, var(--pxf-space-s));
		padding-inline: calc(var(--pxf-form-field-padding-inline, var(--pxf-space-s)) * 2);
		background-color: var(--pxf-form-accent, var(--pxf-primary, #24352b));
		color: var(--pxf-form-on-accent, var(--pxf-on-primary, #ffffff));
		cursor: pointer;
		text-decoration: none;
	}
	.pxf-form :is(button, input[type="submit"], input[type="button"], input[type="reset"]):not(.pxf-btn):hover {
		background-color: var(--pxf-form-accent-hover, var(--pxf-primary-hover, #384a3f));
	}
}

.pxf-btn {
		appearance: none;
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: var(--pxf-space-xs, clamp(0.3333rem, 0.2873rem + 0.1964vw, 0.4272rem));
		margin: 0;
		padding: var(--pxf-btn-padding-y-m, var(--pxf-space-s)) var(--pxf-btn-padding-x-m, var(--pxf-space-m));
		border: var(--pxf-btn-border-width, 1px) solid var(--pxf-btn-border-color, var(--pxf-primary));
		border-radius: var(--pxf-btn-radius, var(--pxf-radius-m));
		background-color: var(--pxf-btn-bg, var(--pxf-primary));
		color: var(--pxf-btn-fg, var(--pxf-on-primary));
		font-family: inherit;
		font-size: var(--pxf-btn-text-m, var(--pxf-text-m));
		font-weight: var(--pxf-btn-weight, 600);
		line-height: var(--pxf-line-height-heading, 1.15);
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		transition: background-color var(--pxf-btn-transition, 160ms) ease, border-color var(--pxf-btn-transition, 160ms) ease, color var(--pxf-btn-transition, 160ms) ease, outline-color var(--pxf-btn-transition, 160ms) ease;
	}

	.pxf-btn--s {
		padding: var(--pxf-btn-padding-y-s, calc(var(--pxf-space-s) / 1.3)) var(--pxf-btn-padding-x-s, calc(var(--pxf-space-m) / 1.3));
		font-size: var(--pxf-btn-text-s, var(--pxf-text-s));
	}

	.pxf-btn--m {
		padding: var(--pxf-btn-padding-y-m, var(--pxf-space-s)) var(--pxf-btn-padding-x-m, var(--pxf-space-m));
		font-size: var(--pxf-btn-text-m, var(--pxf-text-m));
	}

	.pxf-btn--l {
		padding: var(--pxf-btn-padding-y-l, calc(var(--pxf-space-s) * 1.3)) var(--pxf-btn-padding-x-l, calc(var(--pxf-space-m) * 1.3));
		font-size: var(--pxf-btn-text-l, var(--pxf-text-l));
	}

	.pxf-btn--primary {
		--pxf-btn-bg: var(--pxf-primary);
		--pxf-btn-fg: var(--pxf-on-primary);
		--pxf-btn-border-color: var(--pxf-primary);
		--pxf-btn-ring: var(--pxf-primary);
		--pxf-btn-bg-hover: var(--pxf-primary-hover);
		--pxf-btn-border-hover: var(--pxf-primary-hover);
	}

	.pxf-btn--outline,
	.pxf-btn--outline--primary {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-primary);
		--pxf-btn-border-color: var(--pxf-primary);
		--pxf-btn-ring: var(--pxf-primary);
		--pxf-btn-bg-hover: var(--pxf-primary);
		--pxf-btn-fg-hover: var(--pxf-on-primary);
	}

	.pxf-btn--ghost,
	.pxf-btn--ghost--primary {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-primary);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-primary);
		--pxf-btn-bg-hover: var(--pxf-primary-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-primary-dark);
	}

	.pxf-btn--link--primary {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-primary);
		--pxf-btn-fg-hover: var(--pxf-primary-hover);
		--pxf-btn-ring: var(--pxf-primary);
	}

	.pxf-btn--secondary {
		--pxf-btn-bg: var(--pxf-secondary);
		--pxf-btn-fg: var(--pxf-on-secondary);
		--pxf-btn-border-color: var(--pxf-secondary);
		--pxf-btn-ring: var(--pxf-secondary);
		--pxf-btn-bg-hover: var(--pxf-secondary-hover);
		--pxf-btn-border-hover: var(--pxf-secondary-hover);
	}

	.pxf-btn--outline--secondary {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-secondary);
		--pxf-btn-border-color: var(--pxf-secondary);
		--pxf-btn-ring: var(--pxf-secondary);
		--pxf-btn-bg-hover: var(--pxf-secondary);
		--pxf-btn-fg-hover: var(--pxf-on-secondary);
	}

	.pxf-btn--ghost--secondary {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-secondary);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-secondary);
		--pxf-btn-bg-hover: var(--pxf-secondary-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-secondary-dark);
	}

	.pxf-btn--link--secondary {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-secondary);
		--pxf-btn-fg-hover: var(--pxf-secondary-hover);
		--pxf-btn-ring: var(--pxf-secondary);
	}

	.pxf-btn--accent {
		--pxf-btn-bg: var(--pxf-accent);
		--pxf-btn-fg: var(--pxf-on-accent);
		--pxf-btn-border-color: var(--pxf-accent);
		--pxf-btn-ring: var(--pxf-accent);
		--pxf-btn-bg-hover: var(--pxf-accent-hover);
		--pxf-btn-border-hover: var(--pxf-accent-hover);
	}

	.pxf-btn--outline--accent {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-accent);
		--pxf-btn-border-color: var(--pxf-accent);
		--pxf-btn-ring: var(--pxf-accent);
		--pxf-btn-bg-hover: var(--pxf-accent);
		--pxf-btn-fg-hover: var(--pxf-on-accent);
	}

	.pxf-btn--ghost--accent {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-accent);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-accent);
		--pxf-btn-bg-hover: var(--pxf-accent-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-accent-dark);
	}

	.pxf-btn--link--accent {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-accent);
		--pxf-btn-fg-hover: var(--pxf-accent-hover);
		--pxf-btn-ring: var(--pxf-accent);
	}

	.pxf-btn--base {
		--pxf-btn-bg: var(--pxf-base);
		--pxf-btn-fg: var(--pxf-on-base);
		--pxf-btn-border-color: var(--pxf-base);
		--pxf-btn-ring: var(--pxf-base);
		--pxf-btn-bg-hover: var(--pxf-base-hover);
		--pxf-btn-border-hover: var(--pxf-base-hover);
	}

	.pxf-btn--outline--base {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-base);
		--pxf-btn-border-color: var(--pxf-base);
		--pxf-btn-ring: var(--pxf-base);
		--pxf-btn-bg-hover: var(--pxf-base);
		--pxf-btn-fg-hover: var(--pxf-on-base);
	}

	.pxf-btn--ghost--base {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-base);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-base);
		--pxf-btn-bg-hover: var(--pxf-base-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-base-dark);
	}

	.pxf-btn--link--base {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-base);
		--pxf-btn-fg-hover: var(--pxf-base-hover);
		--pxf-btn-ring: var(--pxf-base);
	}

	.pxf-btn--neutral {
		--pxf-btn-bg: var(--pxf-neutral);
		--pxf-btn-fg: var(--pxf-on-neutral);
		--pxf-btn-border-color: var(--pxf-neutral);
		--pxf-btn-ring: var(--pxf-neutral);
		--pxf-btn-bg-hover: var(--pxf-neutral-hover);
		--pxf-btn-border-hover: var(--pxf-neutral-hover);
	}

	.pxf-btn--outline--neutral {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-neutral);
		--pxf-btn-border-color: var(--pxf-neutral);
		--pxf-btn-ring: var(--pxf-neutral);
		--pxf-btn-bg-hover: var(--pxf-neutral);
		--pxf-btn-fg-hover: var(--pxf-on-neutral);
	}

	.pxf-btn--ghost--neutral {
		--pxf-btn-bg: transparent;
		--pxf-btn-fg: var(--pxf-neutral);
		--pxf-btn-border-color: transparent;
		--pxf-btn-ring: var(--pxf-neutral);
		--pxf-btn-bg-hover: var(--pxf-neutral-ultra-light);
		--pxf-btn-fg-hover: var(--pxf-neutral-dark);
	}

	.pxf-btn--link--neutral {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-neutral);
		--pxf-btn-fg-hover: var(--pxf-neutral-hover);
		--pxf-btn-ring: var(--pxf-neutral);
	}

	.pxf-btn--link {
		--pxf-btn-bg: transparent;
		--pxf-btn-border-color: transparent;
		--pxf-btn-fg: var(--pxf-link);
		--pxf-btn-fg-hover: var(--pxf-link-hover);
		--pxf-btn-ring: var(--pxf-link);
	}

	.pxf-btn--link,
	.pxf-btn--link--primary,
	.pxf-btn--link--secondary,
	.pxf-btn--link--accent,
	.pxf-btn--link--base,
	.pxf-btn--link--neutral {
		padding: 0;
		border-width: 0;
		text-decoration: underline;
	}

	.pxf-btn:hover {
		background-color: var(--pxf-btn-bg-hover, var(--pxf-btn-bg, var(--pxf-primary-hover)));
		border-color: var(--pxf-btn-border-hover, var(--pxf-btn-border-color, var(--pxf-primary-hover)));
		color: var(--pxf-btn-fg-hover, var(--pxf-btn-fg, var(--pxf-on-primary)));
	}

	.pxf-btn:active {
		transform: translateY(1px);
	}

	.pxf-btn:disabled,
	.pxf-btn[disabled],
	.pxf-btn[aria-disabled="true"] {
		background-color: var(--pxf-btn-bg, var(--pxf-primary));
		border-color: var(--pxf-btn-border-color, var(--pxf-primary));
		color: var(--pxf-btn-fg, var(--pxf-on-primary));
		opacity: 0.55;
		cursor: not-allowed;
		transform: none;
	}

	.pxf-btn:focus-visible {
		outline: var(--pxf-btn-focus-width, 2px) solid var(--pxf-btn-ring, var(--pxf-primary));
		outline-offset: var(--pxf-btn-focus-width, 2px);
	}

	@media (prefers-reduced-motion: reduce) {
		.pxf-btn {
			transition: none;
		}
	}

html:root {
	--pxf-heading: light-dark(#343734, #f3f6f2);
	--pxf-text: light-dark(#515451, #dbddda);
	--pxf-muted: light-dark(#716f68, #acaaa2);
	--pxf-link: light-dark(#24352b, #9aafa2);
	--pxf-link-hover: light-dark(#384a3f, #b3c8bb);
}

/*! Phox Framework contextual ink - unlayered on purpose, see build(). */
[data-pxf-context="light"] {
	color-scheme: light;
	--pxf-heading: #343734;
	--pxf-text: #515451;
	--pxf-muted: #716f68;
	--pxf-link: #24352b;
	--pxf-link-hover: #384a3f;
	color: var(--pxf-text);
}

[data-pxf-context="dark"] {
	color-scheme: dark;
	--pxf-heading: #f3f6f2;
	--pxf-text: #dbddda;
	--pxf-muted: #acaaa2;
	--pxf-link: #9aafa2;
	--pxf-link-hover: #b3c8bb;
	color: var(--pxf-text);
}