// /**
//  * Copyright © Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Colors
//  ---------------------------------------------

@theme_color_1: #779ecb;
@theme_color_2: #5284bd;
@error_color: #df504d;
@drop-color: #244f72;
@border_color: #d0d0d0;
@border_color_empty: #ccc;
@light_grey: #f5f5f5;
@panel-color: #2b2625;
@icon-color: #6d6361;
@icon-color-hover: #f8f3eb;
@icon-color-background-hover: #534d49;
@configure-color: #f9f9f9;
@configure-color-dark: #dcdcdc;
@configure-text-color: darken(@panel-color, 5%);
@row-color: #3370b5;
@column-color: #28b78c;
@entity-color: #243743;
@text-color: #545454;
@entity-background-color: #7e7e7e;
@color-pagebuilder-dark-gray: #534d49;
@color-pagebuilder-lighter-gray: #e0e0e0;
@color-pagebuilder-light-gray: #f8f3eb;
@color-pagebuilder-silver: #acacac;
@color-pagebuilder-light-silver: #c5c5c5;
@color-pagebuilder-darker-gray: #2b2625;
@color-pagebuilder-darkest-gray: #1c1918;
@color-pagebuilder-dark-grayish: #383330;
@color-pagebuilder-blue: #1473e6;
@color-pagebuilder-light-blue: #bfe2f0;
@placeholder-background: #dff7ff;
@placeholder-outline: #c0dffa;
@placeholder-error-outline: #f7aaaa;
@placeholder-error-outline-mce: #e12525;
@color-white-fog: #f8f8f8;

//
//  Fonts
//  ---------------------------------------------

@theme_font: 'Open Sans', sans-serif;
@icon_font: 'PageBuilder Admin Icons';

//
//  Layout Variables
//  ---------------------------------------------

@logo-width: 150px;
@logo-height: 40px;
@gene-logo-width: 67px; // @deprecated
@gene-logo-height: 30px; // @deprecated
@sidebar-width: 650px;
@option-height: 32px;
@common-height: 32px;
@large-height: 50px;
@panel-width: 260px;
@margin: 20px;
@tab-size: 80px;
@border-width: 2px;
@entity-border-width: 1px;

//
//  Transition and Animation Variables
//  ---------------------------------------------

@pagebuilder-transition-duration: .35s;
@pagebuilder-transition: @pagebuilder-transition-duration ease-in-out;
@pagebuilder-animation: .35s ease-in-out both;

//
//  Affordance
//  ---------------------------------------------

@pagebuilder-affordance-box-shadow: rgba(197, 197, 197, .34) 0 0 0 1px;
@pagebuilder-affordance-box-shadow-active: 0 0 0 1px @color-pagebuilder-light-silver;
