/**
 * CSS variables for the theme
 *
 * Mostly shorthands for CSS variables generated by WordPress and theme.json.
 * Try to add definitions in theme.json instead of here if possible.
 */

:root {

	/* Colors */
	--primary: var(--wp--preset--color--primary);
	--contrast: var(--wp--preset--color--contrast);
	--midtone: var(--wp--preset--color--midtone);
	--base: var(--wp--preset--color--base);
	--base-variant: var(--wp--preset--color--base-variant);

	/* Border radius */
	--radius-sm: var(--wp--preset--border-radius--sm);
	--radius-md: var(--wp--preset--border-radius--md);
	--radius-lg: var(--wp--preset--border-radius--lg);

	/* Font sizes */
	--size-sm: var(--wp--preset--font-size--small);
	--size-md: var(--wp--preset--font-size--medium);
	--size-lg: var(--wp--preset--font-size--large);
	--size-xl: var(--wp--preset--font-size--extra-large);
	--size-huge: var(--wp--preset--font-size--huge);
	--size-gigantic: var(--wp--preset--font-size--gigantic);

	/* Font Family */
	--font-family-body: var(--wp--custom--global--typography--font-family--body);
	--font-family-heading: var(--wp--custom--global--typography--font-family--heading);

	/* Spacing */
	--space-xs: var(--wp--preset--spacing--20);
	--space-sm: var(--wp--preset--spacing--30);
	--space-md: var(--wp--preset--spacing--40);
	--space-lg: var(--wp--preset--spacing--50);
	--space-xl: var(--wp--preset--spacing--60);
	--space-xxl: var(--wp--preset--spacing--70);
	--space-xxxl: var(--wp--preset--spacing--80);

}