:where(:root) {


	/**
	 * ====================================================================
	 *                             Presets
	 * ====================================================================
	 */

	/**
	 * Colors
	 */
	--wp--preset--color--primary: #37373B;
	--wp--preset--color--secondary: #DBE0E0;
	--wp--preset--color--tertiary: #9B82D9;
	--wp--preset--color--foreground: #151419;
	--wp--preset--color--dark: #37373B;
	--wp--preset--color--mediumdark: #929292;
	--wp--preset--color--mediumlight: #DBE0E0;
	--wp--preset--color--base: #EEEDED;
	--wp--preset--color--background: #FBFBFB;
	--wp--preset--color--darkest: #000000;
	--wp--preset--color--lightest: #ffffff;
	--wp--preset--color--transparent: rgb(255, 255, 255, 0);

	/**
	 * Font families
	 */
	--wp--preset--font-family--body: inherit;
	--wp--preset--font-family--heading: inherit;
	--wp--preset--font-family--highlight: inherit;

	/**
	 * Font sizes
	 */
	--wp--preset--font-size--tiny: clamp(.9rem, 0.9rem +((1vw - 0.2rem)* 0.125), 1rem);
	--wp--preset--font-size--small: clamp(1rem, 1rem +((1vw - 0.2rem)* 0.25), 1.2rem);
	--wp--preset--font-size--base: clamp(1.13rem, 1.13rem +((1vw - 0.2rem)* 0.213), 1.3rem);
	--wp--preset--font-size--medium: clamp(1.3rem, 1.3rem +((1vw - 0.2rem)* 0.375), 1.6rem);
	--wp--preset--font-size--large: clamp(1.5rem, 1.5rem +((1vw - 0.2rem)* 0.625), 2rem);
	--wp--preset--font-size--x-large: clamp(2rem, 2rem +((1vw - 0.2rem)* 1), 2.8rem);
	--wp--preset--font-size--xx-large: clamp(2.6rem, 2.6rem +((1vw - 0.2rem)* 1.438), 3.75rem);

	/**
	 * Line heights
	 */
	--wp--custom--line-height--loose: 2;
	--wp--custom--line-height--relaxed: 1.625;
	--wp--custom--line-height--normal: 1.5;
	--wp--custom--line-height--snug: 1.2;
	--wp--custom--line-height--tight: 1.1;
	--wp--custom--line-height--none: 1;

	/**
	 * Font weights
	 */
	--wp--custom--font-weight--black: 900;
	--wp--custom--font-weight--extra-bold: 800;
	--wp--custom--font-weight--bold: 700;
	--wp--custom--font-weight--semi-bold: 600;
	--wp--custom--font-weight--medium: 500;
	--wp--custom--font-weight--regular: 400;
	--wp--custom--font-weight--light: 300;
	--wp--custom--font-weight--extra-light: 200;
	--wp--custom--font-weight--thin: 100;

	/**
	 * Spacings
	 */
	--wp--preset--spacing--tiny: clamp(10px, 1.5vw, 0.5rem);
	--wp--preset--spacing--small: clamp(.5rem, 2.5vw, 1rem);
	--wp--preset--spacing--medium: clamp(1.5rem, 4vw, 2rem);
	--wp--preset--spacing--large: clamp(2rem, 5vw, 3rem);
	--wp--preset--spacing--x-large: clamp(3rem, 7vw, 5rem);


	/**
	 * ====================================================================
	 *                             Buttons
	 * ====================================================================
	 */

	/* primary button */
	--wp--custom--greyd--button--prim--color--background: var(--wp--preset--color--primary);
	--wp--custom--greyd--button--prim--color--text: var(--wp--preset--color--lightest);
	--wp--custom--greyd--button--prim--border--color: var(--wp--preset--color--primary);
	--wp--custom--greyd--button--prim--border--radius: 4px;
	--wp--custom--greyd--button--prim--border--style: solid;
	--wp--custom--greyd--button--prim--border--width: 2px;
	--wp--custom--greyd--button--prim--shadow: none;
	/* hover */
	--wp--custom--greyd--button--prim--hover--color--background: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--prim--hover--color--text: var(--wp--preset--color--lightest);
	--wp--custom--greyd--button--prim--hover--border--color: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--prim--hover--border--style: var(--wp--custom--greyd--button--prim--border--style);
	--wp--custom--greyd--button--prim--hover--border--width: var(--wp--custom--greyd--button--prim--border--width);
	--wp--custom--greyd--button--prim--hover--shadow: var(--wp--custom--greyd--button--prim--shadow);

	/* secondary button */
	--wp--custom--greyd--button--sec--border--color: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--sec--border--radius: 4px;
	--wp--custom--greyd--button--sec--border--style: solid;
	--wp--custom--greyd--button--sec--border--width: 2px;
	--wp--custom--greyd--button--sec--color--background: var(--wp--preset--color--transparent);
	--wp--custom--greyd--button--sec--color--text: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--sec--shadow: none;
	/* hover */
	--wp--custom--greyd--button--sec--hover--color--background: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--sec--hover--color--text: var(--wp--preset--color--lightest);
	--wp--custom--greyd--button--sec--hover--border--color: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--sec--hover--border--style: var(--wp--custom--greyd--button--sec--border--style);
	--wp--custom--greyd--button--sec--hover--border--width: var(--wp--custom--greyd--button--sec--border--width);
	--wp--custom--greyd--button--sec--hover--shadow: var(--wp--custom--greyd--button--sec--shadow);

	/* tertiary button */
	--wp--custom--greyd--button--trd--color--background: var(--wp--preset--color--secondary);
	--wp--custom--greyd--button--trd--color--text: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--trd--border--color: var(--wp--preset--color--secondary);
	--wp--custom--greyd--button--trd--border--radius: 4px;
	--wp--custom--greyd--button--trd--border--style: solid;
	--wp--custom--greyd--button--trd--border--width: 2px;
	--wp--custom--greyd--button--trd--shadow: none;
	/* hover */
	--wp--custom--greyd--button--trd--hover--color--background: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--trd--hover--color--text: var(--wp--preset--color--lightest);
	--wp--custom--greyd--button--trd--hover--border--color: var(--wp--preset--color--foreground);
	--wp--custom--greyd--button--trd--hover--border--style: var(--wp--custom--greyd--button--trd--border--style);
	--wp--custom--greyd--button--trd--hover--border--width: var(--wp--custom--greyd--button--trd--border--width);
	--wp--custom--greyd--button--trd--hover--shadow: var(--wp--custom--greyd--button--trd--shadow);

	/* typography */
	--wp--custom--greyd--button--typography--font-size: var(--wp--preset--font-size--base);
	--wp--custom--greyd--button--typography--font-family: var(--wp--preset--font-family--body);
	--wp--custom--greyd--button--typography--font-weight: var(--wp--custom--font-weight--semi-bold);
	--wp--custom--greyd--button--typography--line-height: var(--wp--custom--line-height-normal);
	--wp--custom--greyd--button--typography--letter-spacing: 0px;
	--wp--custom--greyd--button--typography--text-transform: none;
	
	/* spacing */
	--wp--custom--greyd--button--spacing--padding--top: 0.66em;
	--wp--custom--greyd--button--spacing--padding--right: 1.33em;
	--wp--custom--greyd--button--spacing--padding--bottom: 0.66em;
	--wp--custom--greyd--button--spacing--padding--left: 1.33em;

	/* small button */
	--wp--custom--greyd--button--small--typography--font-size: var(--wp--preset--font-size--small);
	--wp--custom--greyd--button--small--spacing--padding--top: calc( var(--wp--custom--greyd--button--spacing--padding--top) * 0.8 );
	--wp--custom--greyd--button--small--spacing--padding--right: calc( var(--wp--custom--greyd--button--spacing--padding--right) * 0.8 );
	--wp--custom--greyd--button--small--spacing--padding--bottom: calc( var(--wp--custom--greyd--button--spacing--padding--bottom) * 0.8 );
	--wp--custom--greyd--button--small--spacing--padding--left: calc( var(--wp--custom--greyd--button--spacing--padding--left) * 0.8 );

	/* big button */
	--wp--custom--greyd--button--big--typography--font-size: var(--wp--preset--font-size--medium);
	--wp--custom--greyd--button--big--spacing--padding--top: var(--wp--custom--greyd--button--spacing--padding--top);
	--wp--custom--greyd--button--big--spacing--padding--right: calc( var(--wp--custom--greyd--button--spacing--padding--right) * 1.5 );
	--wp--custom--greyd--button--big--spacing--padding--bottom: var(--wp--custom--greyd--button--spacing--padding--bottom);
	--wp--custom--greyd--button--big--spacing--padding--left: calc( var(--wp--custom--greyd--button--spacing--padding--left) * 1.5 );


	/**
	 * ====================================================================
	 *                             Inputs
	 * ====================================================================
	 */

	/* spacing */
	--wp--custom--greyd--input--spacing--padding--top: 0.66em;
	--wp--custom--greyd--input--spacing--padding--right: 1.33em;
	--wp--custom--greyd--input--spacing--padding--bottom: 0.66em;
	--wp--custom--greyd--input--spacing--padding--left: 1.33em;

	/* typography */
	--wp--custom--greyd--input--typography--font-family: var(--wp--preset--font-family--body);
	--wp--custom--greyd--input--typography--font-size: var(--wp--preset--font-size--base);
	--wp--custom--greyd--input--typography--font-weight: 400;
	--wp--custom--greyd--input--typography--letter-spacing: 0px;
	--wp--custom--greyd--input--typography--line-height: 1.6;
	--wp--custom--greyd--input--typography--text-transform: none;

	/* label */
	--wp--custom--greyd--input--label--color--background: var(--wp--preset--color--transparent);
	--wp--custom--greyd--input--label--color--text: var(--wp--preset--color--foreground);
	--wp--custom--greyd--input--label--typography--font-family: var(--wp--preset--font-family--body);
	--wp--custom--greyd--input--label--typography--font-size: var(--wp--preset--font-size--base);
	--wp--custom--greyd--input--label--typography--font-weight: var(--wp--custom--font-weigth-regular);
	--wp--custom--greyd--input--label--typography--line-height: var(--wp--custom--line-height--normal);

	/* primary input */
	--wp--custom--greyd--input--prim--border--color: var(--wp--preset--color--mediumlight);
	--wp--custom--greyd--input--prim--border--radius: 4px;
	--wp--custom--greyd--input--prim--border--style: solid;
	--wp--custom--greyd--input--prim--border--width: 1px;
	--wp--custom--greyd--input--prim--color--background: var(--wp--preset--color--base);
	--wp--custom--greyd--input--prim--color--placeholder: var(--wp--preset--color--mediumdark);
	--wp--custom--greyd--input--prim--color--text: var(--wp--preset--color--foreground);
	--wp--custom--greyd--input--prim--shadow: none;
	/* hover */
	--wp--custom--greyd--input--prim--hover--border--color: var(--wp--preset--color--mediumlight);
	--wp--custom--greyd--input--prim--hover--border--style: var(--wp--custom--greyd--input--prim--border--style);
	--wp--custom--greyd--input--prim--hover--border--width: var(--wp--custom--greyd--input--prim--border--width);
	--wp--custom--greyd--input--prim--hover--color--background: var(--wp--preset--color--base);
	--wp--custom--greyd--input--prim--hover--color--placeholder: var(--wp--preset--color--mediumdark);
	--wp--custom--greyd--input--prim--hover--color--text: var(--wp--preset--color--foreground);
	--wp--custom--greyd--input--prim--hover--shadow: var(--wp--custom--greyd--input--prim--shadow);

	/* secondary input */
	--wp--custom--greyd--input--sec--border--color: var(--wp--preset--color--mediumdark);
	--wp--custom--greyd--input--sec--border--radius: 4px;
	--wp--custom--greyd--input--sec--border--style: solid;
	--wp--custom--greyd--input--sec--border--width: 1px;
	--wp--custom--greyd--input--sec--color--background: var(--wp--preset--color--transparent);
	--wp--custom--greyd--input--sec--color--placeholder: var(--wp--preset--color--mediumdark);
	--wp--custom--greyd--input--sec--color--text: var(--wp--preset--color--foreground);
	--wp--custom--greyd--input--sec--shadow: none;
	/* hover */
	--wp--custom--greyd--input--sec--hover--border--color: var(--wp--preset--color--foreground);
	--wp--custom--greyd--input--sec--hover--border--style: var(--wp--custom--greyd--input--sec--border--style);
	--wp--custom--greyd--input--sec--hover--border--width: var(--wp--custom--greyd--input--sec--border--width);
	--wp--custom--greyd--input--sec--hover--color--background: var(--wp--preset--color--transparent);
	--wp--custom--greyd--input--sec--hover--color--placeholder: var(--wp--preset--color--dark);
	--wp--custom--greyd--input--sec--hover--color--text: var(--wp--preset--color--foreground);
	--wp--custom--greyd--input--sec--hover--shadow: var(--wp--custom--greyd--input--sec--shadow);
}