// ------------------------------------------
// OLD VARIABLES
// ------------------------------------------

// $woodmart-primary-color: #131313;
// $woodmart-sidebar-color: #333;
$woodmart-button-color: #4D93D1;
$woodmart-button-color-hover: #2B6CA6;
$woodmart-button-alt-color: #A8D14D;
$woodmart-button-alt-color-hover: #9EC151;
$woodmart-gray-color: #F9F9F9;

$woodmart-vc-element-title: #444;
// $woodmart-vc-options-border: 4px;

$woodmart-notice-info: #E6F0F9; //#4D93D1;
$woodmart-notice-success: #DFF0D8; // #A8D14D;
$woodmart-notice-warning: #FFEFEF; //#f9b826;
$woodmart-notice-critical: #F7EAEA; //#b12d2d;

$woodmart-notice-info-text: #1E609B;
$woodmart-notice-success-text: #468847;
$woodmart-notice-warning-text: #FA5757;
// $woodmart-notice-warning-text: #B9840E;
// $woodmart-notice-critical-text: #B12D2D;

// ------------------------------------------
// VARIABLES
// ------------------------------------------

$xts-header-h: 130px;

// $xts-color-primary: #4D93D1;
// $xts-color-alternative: #7CB32B;

// $xts-color-default: #EFEFF0;

// BUTTONS

// $xts-button-color-primary: $xts-color-primary;
// $xts-button-color-primary-hover: darken($xts-button-color-primary,7%);

// $xts-button-color-alternative: $xts-color-alternative;
// $xts-button-color-alternative-hover: darken($xts-color-alternative,7%);

// $xts-button-color-default: #EFEFF0;
// $xts-button-color-default-hover: #DDDDDF;

// $xts-button-color-remove: #d63638;
// $xts-button-color-remove-hover: darken($xts-button-color-remove,7%);


// BORDERS

// $xts-option-border-radius: 4px;
// $xts-option-border-color: #E7E7E7;

// INPUT 

// $xts-option-input-height: 35px;
// $xts-input-width: 300px;
// $xts-typography-input-width: 345px;

// $xts-option-space: 12px;

// ------------------------------------------
// PREDEFINED BREAKPOINTS
// ------------------------------------------

$media-xxl: 1441px;

$media-xl: 1200px;

$media-lg: 1024px;

$media-md: 768px;

$media-sm: 576px;

// ------------------------------------------
// Z-INDEX SYSTEM
// ------------------------------------------

$z-layer-0: -1;

$z-layer-1: 2;

$z-layer-2: 4;

$z-layer-3: 6;

$z-layer-4: 8;

$z-layer-5: 10;

$z-layer-6: 100;

$z-layer-7: 150;

$z-layer-8: 200;

$z-layer-9: 300;

$z-layer-10: 400;

$z-layer-11: 500;

$z-layer-12: 1000;

$z-layer-13: 1100;

// ------------------------------------------------------------------------------------------------
// CSS CONFIG
// ------------------------------------------------------------------------------------------------

@if $general {

	:root {
		--xts-body-color: #3C434A;
		--xts-heading-color: rgba(16, 16, 16, .8);
		--xts-primary-color: #007CBA;
		--xts-primary-color--rgb: 0, 124, 186;
		--xts-primary-color-darker-10: #006BA1;
		--xts-primary-color-darker-10--rgb: 0, 107, 161;
		--xts-primary-color-darker-20: #005A87;
		--xts-primary-color-darker-20--rgb: 0, 90, 135;
		// TOOLTIPS
		--xts-tooltip-width: 450px;
		--xts-tooltip-sp: 10px;
		// TOOLTIPS
		--xts-group-bg-color: #F7F7F7;
		--xts-group-sp: 40px;
		////
		--xts-bg-color: #1D2327;
		--xts-bg-secondary-color: #2C3338;
		--xts-bg-color-active: #2271B1;
		--xts-menu-color-active: #72AEE6;
		////
		--xts-btn-primay-color: #2271B1;
		--xts-btn-primary-color-hover: #135E96;
		// --xts-btn-secondary-color: #7CB32B;
		// --xts-btn-secondary-color-hover: #689624;
		////
		--xts-secondary-color: var(--xts-primary-color);
		/////
		--xts-btn-secondary-color: var(--xts-btn-primay-color);
		--xts-btn-secondary-color-hover: var(--xts-btn-primary-color-hover);
		/////
		--xts-grey-color: #EFEFF0;
		--xts-btn-grey-color: #EFEFF0;
		--xts-btn-grey-color-hover: #DDDDDF;
		////
		--xts-warning-color: #FA5757; // #D63638;
		--xts-btn-warning-color: #FA5757; //#D63638;
		--xts-btn-warning-color-hover: #E55A5A; // #C12729
		////
		--xts-option-space: 12px;
		--xts-option-border-color: rgba(16, 16, 16, .08);
		--xts-option-border-color-darker-10: rgba(16, 16, 16, .1);
		--xts-option-border-radius: 4px;
		/////
		--xts-input-height: 35px;
		--xts-input-width: 340px;
		--xts-content-width: 1350px;
		--xts-brd-radius: 5px;
		--xts-box-shadow: 0 4px 20px rgba(0,0,0,.1);
		--xts-option-box-shadow: 0 2px 4px rgba(0,0,0,.035);
		--xts-option-primary-box-shadow: 0 2px 4px rgba(var(--xts-primary-color--rgb),.2);
	}

	// ------------------------------------------
	// LIGHT
	// ------------------------------------------

	body.admin-color-light {
		--xts-primary-color: #0085BA;
		--xts-primary-color--rgb: 0, 133, 186;
		--xts-primary-color-darker-10: #0073A1;
		--xts-primary-color-darker-10--rgb: 0, 115, 161;
		--xts-primary-color-darker-20: #006187;
		--xts-primary-color-darker-20--rgb: 0, 97, 135;
		////
		--xts-bg-color: #E5E5E5;
		--xts-bg-secondary-color: #FFF;
		--xts-bg-color-active: #888;
		--xts-menu-color-active: #04A4CC;
		/////
		--xts-btn-primay-color: #04A4CC;
		--xts-btn-primary-color-hover: #04B0DB;
		/////
		--xts-secondary-color: #04A4CC;
		////
		--xts-btn-secondary-color: var(--xts-btn-primay-color);
		--xts-btn-secondary-color-hover: var(--xts-btn-secondary-color);
		////
		--xts-warning-color: #D64E07;
		--xts-btn-warning-color: #D64E07;
		--xts-btn-warning-color-hover: #CA4703;
	}

	// ------------------------------------------
	// MODERN
	// ------------------------------------------

	body.admin-color-modern {
		--xts-primary-color: #3858E9;
		--xts-primary-color--rgb: 56, 88, 233;
		--xts-primary-color-darker-10: #2145E6;
		--xts-primary-color-darker-10--rgb: 33, 69, 230;
		--xts-primary-color-darker-20: #183AD6;
		--xts-primary-color-darker-20--rgb: 24, 58, 214;
		/////
		--xts-bg-color: #1E1E1E;
		--xts-bg-secondary-color: #0C0C0C;
		--xts-bg-color-active: #3858E9;
		--xts-menu-color-active: #33F078;
		/////
		--xts-btn-primay-color: #3858E9;
		--xts-btn-primary-color-hover: #4664EB;
		/////
		--xts-secondary-color: var(--xts-primary-color);
		/////
		--xts-btn-secondary-color: var(--xts-btn-primay-color);
		--xts-btn-secondary-color-hover: var(--xts-btn-primary-color-hover);
	}

	// ------------------------------------------
	// BLUE
	// ------------------------------------------

	body.admin-color-blue {
		--xts-primary-color: #096484;
		--xts-primary-color--rgb: 9, 100, 132;
		--xts-primary-color-darker-10: #07526C;
		--xts-primary-color-darker-10--rgb: 7, 82, 108;
		--xts-primary-color-darker-20: #064054;
		--xts-primary-color-darker-20--rgb: 6, 64, 84;
		/////
		--xts-bg-color: #52ACCC;
		--xts-bg-secondary-color: #4796B3;
		--xts-bg-color-active: #096484;
		--xts-menu-color-active: #FFF;
		/////
		--xts-btn-primay-color: #E1A948;
		--xts-btn-primary-color-hover: #E3AF55;
		/////
		--xts-secondary-color: var(--xts-primary-color);
		/////
		--xts-btn-secondary-color: #096484;
		--xts-btn-secondary-color-hover: #096484;
	}

	// ------------------------------------------
	// COFFEE
	// ------------------------------------------

	body.admin-color-coffee {
		--xts-primary-color: #46403C;
		--xts-primary-color--rgb: 70, 64, 60;
		--xts-primary-color-darker-10: #383330;
		--xts-primary-color-darker-10--rgb: 56, 51, 48;
		--xts-primary-color-darker-20: #2B2724;
		--xts-primary-color-darker-20--rgb: 43, 39, 36;
		/////
		--xts-bg-color: #59524C;
		--xts-bg-secondary-color: #46403C;
		--xts-bg-color-active: #C7A589;
		--xts-menu-color-active: #C7A589;
		/////
		--xts-btn-primay-color: #C7A589;
		--xts-btn-primary-color-hover: #CCAD93;
		/////
		--xts-secondary-color: var(--xts-primary-color);
		/////
		--xts-btn-secondary-color: var(--xts-btn-primay-color);
		--xts-btn-secondary-color-hover: var(--xts-btn-primary-color-hover);
		/////
		--xts-warning-color: #9EA476;
	}

	// ------------------------------------------
	// ECTOPLASM
	// ------------------------------------------

	body.admin-color-ectoplasm {
		--xts-primary-color: #523F6D;
		--xts-primary-color--rgb: 82, 63, 109;
		--xts-primary-color-darker-10: #46365D;
		--xts-primary-color-darker-10--rgb: 70, 54, 93;
		--xts-primary-color-darker-20: #3A2C4D;
		--xts-primary-color-darker-20--rgb: 58, 44, 77;
		/////
		--xts-bg-color: #523F6D;
		--xts-bg-secondary-color: #413256;
		--xts-bg-color-active: #A3B745;
		--xts-menu-color-active: #A3B745;
		/////
		--xts-btn-primay-color: #A3B745;
		--xts-btn-primary-color-hover: #829237;
		/////
		--xts-secondary-color: #A3B745;
		/////
		--xts-btn-secondary-color: var(--xts-btn-primay-color);
		--xts-btn-secondary-color-hover: var(--xts-btn-primary-color-hover);
		/////
		--xts-warning-color: #D46F15;
		--xts-btn-warning-color: #D46F15;
		--xts-btn-warning-color-hover: #CA4703;
	}

	// ------------------------------------------
	// MIDNIGHT
	// ------------------------------------------

	body.admin-color-midnight {
		--xts-primary-color: #E14D43;
		--xts-primary-color--rgb: 225, 77, 67;
		--xts-primary-color-darker-10: #DD382D;
		--xts-primary-color-darker-10--rgb: 221, 56, 45;
		--xts-primary-color-darker-20: #D02C21;
		--xts-primary-color-darker-20--rgb: 208, 44, 33;
		/////
		--xts-bg-color: #363B3F;
		--xts-bg-secondary-color: #26292C;
		--xts-bg-color-active: #E14D43;
		--xts-menu-color-active: #E14D43;
		/////
		--xts-btn-primay-color: #E35950;
		--xts-btn-primary-color-hover: #D02C21;
		/////
		--xts-secondary-color: #E14D43;
		/////
		--xts-btn-secondary-color: var(--xts-btn-primay-color);
		--xts-btn-secondary-color-hover: var(--xts-btn-primary-color-hover);
		///// 
		--xts-warning-color: #69A8BB;
		--xts-btn-warning-color: #69A8BB;
		--xts-btn-warning-color-hover: #5890A1;
	}

	// ------------------------------------------
	// OCEAN
	// ------------------------------------------

	body.admin-color-ocean {
		--xts-primary-color: #627C83;
		--xts-primary-color--rgb: 98, 124, 131;
		--xts-primary-color-darker-10: #576E74;
		--xts-primary-color-darker-10--rgb: 87, 110, 116;
		--xts-primary-color-darker-20: #4C6066;
		--xts-primary-color-darker-20--rgb: 76, 96, 102;
		/////
		--xts-bg-color: #738E96;
		--xts-bg-secondary-color: #627C83;
		--xts-bg-color-active: #9EBAA0;
		--xts-menu-color-active: #9EBAA0;
		/////
		--xts-btn-primay-color: #9EBAA0;
		--xts-btn-primary-color-hover: #A7C0A9;
		/////
		--xts-secondary-color: var(--xts-primary-color);
		/////
		--xts-btn-secondary-color: var(--xts-primary-color);
		--xts-btn-secondary-color-hover: var(--xts-primary-color-darker-10);
	}

	// ------------------------------------------
	// SUNRISEs
	// ------------------------------------------

	body.admin-color-sunrise {
		--xts-primary-color: #DD823B;
		--xts-primary-color--rgb: 221, 130, 59;
		--xts-primary-color-darker-10: #D97426;
		--xts-primary-color-darker-10--rgb: 217, 116, 38;
		--xts-primary-color-darker-20: #C36922;
		--xts-primary-color-darker-20--rgb: 195, 105, 34;
		/////
		--xts-bg-color: #CF4944;
		--xts-bg-secondary-color: #BE3631;
		--xts-bg-color-active: #DD823B;
		--xts-menu-color-active: #F7E3D3;
		/////
		--xts-btn-primay-color: #DD823B;
		--xts-btn-primary-color-hover: #DF8A48;
		/////
		--xts-secondary-color: #DD823B;
		/////
		--xts-btn-secondary-color: #CF4944;
		--xts-btn-secondary-color-hover: #BE3631;
	}

	// ------------------------------------------------------------------------------------------------
	// COLOR-SCHEME
	// ------------------------------------------------------------------------------------------------

	.xts-color-scheme-light {
		--xts-body-color: rgba(255,255,255,.9);
		--xts-heading-color: #FFF;
	}

} // END IF