/**
 * Overrides for WooCommerce CSS Variables with the new branding
 */

$woocommerce:   	#720EEC !default;

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

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

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

// export vars as CSS vars
:root {
	--woocommerce: #{$woocommerce};
	--wc-primary: #{$primary};
	--wc-primary-text: #{$primarytext};
	--wc-secondary: #{$secondary};
	--wc-secondary-text: #{$secondarytext};
	--wc-highlight: #{$highlight};
	--wc-highligh-text: #{$highlightext};
}