@use "sass:color";
@use "sass:math";

$woocommerce: 		#ad74a2;
$green:				#7ad03a;
$dark-green:		#27ae60;
$red:				#f00;
$orange:			#ffba00;
$blue:				#2ea2cc;
$grey:				#999;
$white:             #fff;
$black:             #000;
$wp-primary:        var(--wp-admin-theme-color, #0073aa);

$primary:           #111;                                        // Primary color for buttons (alt)
$primarytext:       color.adjust( color.adjust( $primary, $lightness: 50% ), $saturation: -18% );   // Text on primary color bg

$secondary:         color.adjust( color.adjust( $primary, $lightness: 40% ), $saturation: -21% );   // Secondary buttons
$secondarytext:     color.adjust( color.adjust( $secondary, $lightness: -60% ), $saturation: -21% );  // Text on secondary color bg

$highlight:         color.adjust( $primary, $hue: 150deg );                // Prices, In stock labels, Sales
$highlightext:      color.adjust( color.adjust( $highlight, $lightness: 50% ), $saturation: -18% ); // Text on highlight color bg

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

$elabel-height:		80px;
$alabel-height:		30px;
$labels-height:		60px;
$labels-width:		70px;
$column-width:		170px;
$wrapper-height:    24*60px;
$hours-height:		math.div( 100%, 24 );
