body {
	/* NOTE: Color variables are automatically created based on palette in theme.json. When you add a color `foo` to theme.json, a variable var(--foo) will be automatically created. */

	--disabled: #bbb;

	--z-skip-to: 100000; /* Above WP toolbar. */
	--z-slider-nav: 10;
	--z-header: 1000;
	--z-popup: 1100;

	/* AKA Palatino */
	--font-primary: var(--wp--preset--font-family--font-primary);
	--font-secondary: var(--wp--preset--font-family--font-secondary);

	--font-size: var(--wp--preset--font-size--default);
	--font-size-small: var(--wp--preset--font-size--small);

	--border-radius: 20px;
	--border-radius-s: 6px;
	--btn-radius: 999px;

	@media (width > 768px) {
		--border-radius: 30px;
		--border-radius-s: 10px;
	}

	--s: 625px;
	--m: 768px;
	--l: 1000px;
	--xl: 1280px;
	--xxl: 1440px;
	--xxxl: 1620px;
	--xxxxl: 1920px;

	/* Color Alias' */
	--black: var(--gray-500);

	--container-width: var(--xxl);
	--container-width-wide: var(--xxxxl);

	/* Alias spacing. */
	--spacing-3: calc(var(--wp--preset--spacing--10) / 3);
	--spacing-4: calc(var(--wp--preset--spacing--10) / 4);
	--spacing-5: calc(var(--wp--preset--spacing--10) / 2);
	--spacing-10: var(--wp--preset--spacing--10);
	--spacing-20: var(--wp--preset--spacing--20);;
	--spacing-30: var(--wp--preset--spacing--30);
	--spacing-40: var(--wp--preset--spacing--40);
	--spacing-50: var(--wp--preset--spacing--50);
	--spacing-60: var(--wp--preset--spacing--60);
	--spacing-70: var(--wp--preset--spacing--70);
	--spacing-80: var(--wp--preset--spacing--80);

	/* Pixel equivalent
	+------------+----------------+----------------+
	| Scale step | Viewport 360   | Viewport 1240  |
	+------------+----------------+----------------+
	|     5      |    48.83       |    84.17       |
	|     4      |    39.06       |    63.15       |
	|     3      |    31.25       |    47.37       |
	|     2      |    25.00       |    35.54       |
	|     1      |    20.00       |    26.66       |
	|     0      |    16.00       |    20.00       |
	|    -1      |    12.80       |    15.00       |
	|    -2      |    10.24       |    11.26       |
	+------------+----------------+----------------+
	*/

	/*TODO: Don't Dupe from theme.json */
	--step--2: clamp(0.64rem, 0.614rem + 0.1154vw, 0.7035rem);
	--step--1: clamp(0.8rem, 0.7437rem + 0.2504vw, 0.9377rem);
	--step-0: clamp(1rem, 0.8977rem + 0.4545vw, 1.25rem);
	--step-1: clamp(1.25rem, 1.0797rem + 0.7568vw, 1.6663rem);
	--step-2: clamp(1.5625rem, 1.2931rem + 1.1975vw, 2.2211rem); /* aka "size": "var(--wp--custom--font-sizes--step-2)" */
	--step-3: clamp(1.9531rem, 1.5409rem + 1.832vw, 2.9607rem);
	--step-4: clamp(2.4414rem, 1.8256rem + 2.7368vw, 3.9467rem);
	--step-5: clamp(3.0518rem, 2.148rem + 4.0166vw, 5.2609rem);
}

/* See custom-media.css for media query variables */