@supports (background-color: oklch(0% 0 0)) {
	:root {
		--primary-hue: 29;
		--primary-hue: 26;
		--secondary-hue: 71;
		--base-hue: var(--primary-hue);

		--color-primary: oklch(43% 0.18 var(--primary-hue));
		--color-primary: oklch(55% 0.21 var(--primary-hue));
		--color-secondary: oklch(53% 0.11 var(--secondary-hue));

		--color-bg-primary-light: oklch(0.92 0.015 var(--primary-hue));
		--color-bg-primary-dark: oklch(0.35 0.04 var(--primary-hue));
		--color-bg-secondary-light: oklch(0.92 0.015 var(--secondary-hue));
		--color-bg-secondary-dark: oklch(0.35 0.04 var(--secondary-hue));

		--color-bg-white: oklch(1 0 var(--base-hue));
		--color-bg-body-light: oklch(0.97 0.005 var(--base-hue));
		--color-bg-body-secondary-light: oklch(0.95 0.01 var(--secondary-hue));
		--color-bg-disabled-light: oklch(0.8 0.005 var(--base-hue));
		--color-bg-disabled-dark: oklch(0.3 0.005 var(--base-hue));
		--color-bg-body-dark: oklch(0.18 0.005 var(--base-hue));
		--color-bg-black: oklch(0.12 0.005 var(--base-hue));

		--color-text-primary-light: oklch(0.75 0.25 var(--primary-hue));
		--color-text-secondary-light: oklch(0.75 0.2 var(--secondary-hue));

		--color-text-dim-light: oklch(0.6 0.01 var(--base-hue));
		--color-text-body-light: oklch(0.9 0.01 var(--base-hue));
		--color-text-strong-light: oklch(1 0 var(--base-hue));
		--color-text-disabled-light: oklch(0.5 0.01 var(--base-hue));

		--color-text-primary-dark: oklch(0.45 0.2 var(--primary-hue));
		--color-text-secondary-dark: oklch(0.5 0.12 var(--secondary-hue));

		--color-text-dim-dark: oklch(0.4 0.01 var(--base-hue));
		--color-text-body-dark: oklch(0.3 0.01 var(--base-hue));
		--color-text-strong-dark: oklch(0.1 0.01 var(--base-hue));
		--color-text-disabled-dark: oklch(0.5 0.01 var(--base-hue));
	}
}
@supports not (background-color: oklch(0% 0 0)) {
	:root {
		--primary-hue: 28;
		--secondary-hue: 88;
		--base-hue: 28;

		--color-primary: #c44037;
		--color-secondary: #c49300;

		--color-bg-primary-light: #eed8d5;
		--color-bg-primary-dark: #4d332f;
		--color-bg-secondary-light: #e5ddcc;
		--color-bg-secondary-dark: #433922;

		--color-bg-white: #ffffff;
		--color-bg-body-light: #f8f4f3;
		--color-bg-disabled-light: #c1bcbc;
		--color-bg-disabled-dark: #302d2c;
		--color-bg-body-dark: #141110;
		--color-bg-black: #070505;

		--color-text-primary-light: #ff5549;
		--color-text-secondary-light: #ef9c00;

		--color-text-dim-light: #867e7d;
		--color-text-body-light: #e5dcda;
		--color-text-strong-light: #ffffff;
		--color-text-disabled-light: #696160;

		--color-text-primary-dark: #bb0a10;
		--color-text-secondary-dark: #925400;

		--color-text-dim-dark: #4d4645;
		--color-text-body-dark: #1a1413;
		--color-text-strong-dark: #050302;
		--color-text-disabled-dark: #696160;
	}
}

:root {

		--color-text-on-primary: white;
		--color-text-on-secondary: white;

		--color-text-heading: var(--wp--preset--color--text-strong);
		--color-text-contrast-heading: var(--wp--preset--color--text-contrast-strong);
		--color-text-link: var(--wp--preset--color--text-primary);
		--color-text-contrast-link: var(--wp--preset--color--text-contrast-primary);
		--color-text-link-hover: oklch(from var(--color-text-link) calc(l - 0.1) c h);
		--color-text-contrast-link-hover: oklch(from var(--color-text-contrast-link) calc(l - 0.1) c h);
		--color-bg-button: var(--wp--preset--color--primary);
		--color-text-button: var(--wp--preset--color--text-on-primary);
		--color-bg-button-hover: oklch(from var(--color-bg-button) calc(l - 0.1) c h);
		--color-text-button-hover: var(--color-text-button);
		--color-accent: var(--wp--preset--color--secondary);
		--color-text-accent: var(--wp--preset--color--text-secondary);
		--color-text-contrast-accent: var(--wp--preset--color--text-contrast-secondary);

		/* Default theme: light */
		--color-bg-min: var(--color-bg-white);
		--color-bg-body: var(--color-bg-body-light);
		--color-bg-body-secondary: var(--color-bg-body-secondary-light);
		--color-bg-primary-low: var(--color-bg-primary-light);
		--color-bg-primary-high: var(--color-bg-primary-dark);
		--color-bg-secondary-low: var(--color-bg-secondary-light);
		--color-bg-secondary-high: var(--color-bg-secondary-dark);
		--color-bg-body-contrast: var(--color-bg-body-dark);
		--color-bg-max: var(--color-bg-black);
		--color-bg-disabled: var(--color-bg-disabled-light);
		--color-text-dim: var(--color-text-dim-dark);
		--color-text-body: var(--color-text-body-dark);
		--color-text-strong: var(--color-text-strong-dark);
		--color-text-primary: var(--color-text-primary-dark);
		--color-text-secondary: var(--color-text-secondary-dark);
		--color-text-disabled: var(--color-text-disabled-dark);
		--color-text-contrast-dim: var(--color-text-dim-light);
		--color-text-contrast-body: var(--color-text-body-light);
		--color-text-contrast-strong: var(--color-text-strong-light);
		--color-text-contrast-primary: var(--color-text-primary-light);
		--color-text-contrast-secondary: var(--color-text-secondary-light);
		--color-text-contrast-disabled: var(--color-text-disabled-light);

}