/**
 * WooCommerce CSS Variables
 */

$woocommerce: #ee8d87 !default;
$green: #7ad03a !default;
$red: #a00 !default;
$orange: #ffba00 !default;
$blue: #2ea2cc !default;

$primary: #ee8d87 !default; // Primary color for buttons (alt)
$primarytext: desaturate(
	lighten($primary, 50%),
	18%
) !default; // Text on primary color bg

$secondary: #f8f9fa !default; // Secondary buttons
$secondarytext: desaturate(
	darken($secondary, 60%),
	21%
) !default; // Text on secondary color bg

$highlight: adjust-hue(
	$primary,
	150deg
) !default; // Prices, In stock labels, sales flash
$highlightext: desaturate(
	lighten($highlight, 50%),
	18%
) !default; // Text on highlight color bg

$contentbg: #fff !default; // Content BG - Tabs (active state)
$subtext: #767676 !default; // small, breadcrumbs etc

// export vars as CSS vars
:root {
	--woocommerce: #{$woocommerce};
	--wc-green: #{$green};
	--wc-red: #{$red};
	--wc-orange: #{$orange};
	--wc-blue: #{$blue};
	--wc-primary: #{$primary};
	--wc-primary-text: #{$primarytext};
	--wc-secondary: #{$secondary};
	--wc-secondary-text: #{$secondarytext};
	--wc-highlight: #{$highlight};
	--wc-highligh-text: #{$highlightext};
	--wc-content-bg: #{$contentbg};
	--wc-subtext: #{$subtext};
}
