@font-family: Avenir;

/*
COLORS
*/

@primary-color: #1e19f5; // primary color for all components
@secondary-color: #1d1d1d;
@success-color: #52c41a; // success state color
@warning-color: #faad14; // warning state color
@error-color: #f5222d; // error state color
@menu-highlight-color: #1d1d1d;
// @link-color: #1890ff; // link color
@heading-color: rgba(0, 0, 0, 0.85); // heading text color
@text-color: rgba(0, 0, 0, 0.65); // major text color
@text-color-secondary: rgba(0, 0, 0, 0.45); // secondary text color
@disabled-color: rgba(0, 0, 0, 0.25); // disable state color
@border-color-base: #d9d9d9; // major border color
@body-background: #fff;
// Base background color for most components
@component-background: #fff;

/*
  SIZES
*/
@height-lg: 40px;
@font-size-base: 14px; // major text font size
@font-size-lg: @font-size-base + 2px;
@border-radius-base: 10px; // major border radius
@border-width-base: 1px;
@line-height-base: 1.5715;

// /*
//   VERTICAL PADDINGS
// */
// @padding-lg: 24px; // containers
// @padding-md: 16px; // small containers and buttons
// @padding-sm: 12px; // Form controls and items
// @padding-xs: 8px; // small items
// @padding-xss: 4px; // more small

/*
  SHADOWS
*/
@box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
  0 6px 16px 0 rgba(0, 0, 0, 0.08), i 0 9px 28px 8px rgba(0, 0, 0, 0.05); // major shadow for layers

/*
  TYPOGRAPHY
*/
@heading-5-size: ceil(@font-size-base + 4px);

/*
  COMPONENTS
*/

//button
@btn-height-lg: @height-lg;
@btn-border-radius-base: @border-radius-base;
@btn-border-radius-sm: @border-radius-base;

//input
@input-height-lg: @height-lg;
@input-bg: @component-background;

//Menu
@menu-dark-bg: var(--secondary-dark);
@menu-dark-item-active-bg: var(--secondary-light);

//table
@table-header-bg: #f2f2f2;
@table-header-sort-active-bg: @table-header-bg;
@table-border-radius-base: 0;
