/*
// -------------------------------------------------------------------
// wps-child-css-vars.css
// -------------------------------------------------------------------
*/

/*
// -------------------------------------------------------------------
// WPS
// -------------------------------------------------------------------
// Divi doesn't provide CSS color vars
// -------------------------------------------------------------------
// Let's roll out own
// -------------------------------------------------------------------
*/

:root
{
	/* Colors */
	--wps-schwarz: #3d4149;
	--wps-text-color: #3d4149;

	--wps-bgcolor-dark1: #3e3d42;
	--wps-dunkelbraun: #3e3d42;
	--wps-dunkelbraun-opacity-80: rgba(62, 61, 66, 0.8);
	--wps-dunkelbraun-opacity-light: rgba(62, 61, 66, 0.75);
	--wps-dunkelbraun-opacity-dark: rgba(62, 61, 66, 0.95);

	/* Orange colors */
	--wps-orange1: #f58220;
	--wps-orange1-opacity-80: rgba(245, 130, 0.8);
	--wps-link-color: #f58220;
	--wps-orange2: #f47200;

	--wps-white: #fff;
	--wps-white-opacity-80: rgba(255, 255, 255, 0.8);

	--wps-beige: #F0E0C8;
	--wps-beige-opacity-80: rgba(240, 224, 200, 0.8);

	--wps-graylight1: #666;

	/* Form fields */
	--wps-form-field-border-radius: 18px;
	--wps-form-field-padding: 9px 18px;

	/* Font sizes and line heights */
	--wps-font-size-m: 16px;
	--wps-line-height-m: 1.25;

	--wps-font-size-s: 14px;
	--wps-line-height-s: 1.25;

	--wps-font-size-xs: 12px;
	--wps-line-height-xs: 1.25;

	/* Font families */
	--wps-font-family-main-header: 'Manrope-Light', Helvetica, Arial, Lucida, sans-serif;
	--wps-font-family-main-header-standalone: 'Manrope-Medium', Helvetica, Arial, Lucida, sans-serif;

	--wps-font-family-headlines: 'Manrope-Medium', Helvetica, Arial, Lucida, sans-serif;
	--wps-font-family-headlines-extrabold: 'Manrope-ExtraBold', Helvetica, Arial, Lucida, sans-serif;

	--wps-font-family-body: 'Manrope-all', Helvetica, Arial, Lucida, sans-serif;
	--wps-font-family-button: 'Manrope-Medium', Helvetica, Arial, Lucida, sans-serif;

	/* Divi color picker convenience variables */
	--wps-divi-colorpicker-black1: #000000;
	--wps-divi-colorpicker-black2: #3e3d42;
	--wps-divi-colorpicker-black3: #231f20;
	--wps-divi-colorpicker-black4: #151414;
	--wps-divi-colorpicker-orange1: #f58220;
	--wps-divi-colorpicker-graylight1: #f2f2f2;
	--wps-divi-colorpicker-graylight2: #f9f9f9;
	--wps-divi-colorpicker-graydark1: #dcdcdc;
	--wps-divi-colorpicker-graydark2: #b6b6b6;

}