@import '~antd/lib/style/themes/default.less';
@import '~antd/dist/antd.less';

// The prefix to use on all css classes from ant.
@ant-prefix: antcoach;

// An override for the html selector for theme prefixes
@html-selector: html;

// General
@primary-color: #6739b7;
@border-radius-base: 5px; // major border radius
@font-family: 'Montserrat', sans-serif;
@font-size-lg: @font-size-base + 1px;
@error-color: #ff01ba;
@text-color: #5e5e5e;

// buttons
@btn-border-width: 1.5px;
@btn-default-border: @primary-color;
@btn-default-color: @primary-color;
@btn-font-weight: 600;
@btn-height-lg: 42px;
@btn-font-size-lg: @font-size-base;

@input-placeholder-color: @text-color;
//custom css//
// button outline bg hover
.antcoach-btn:hover {
  background: @primary-color;
  color: @component-background;
}
.antcoach-btn-lg,
.antcoach-btn-round.antcoach-btn-lg {
  padding: 7px 15px 9px;
}

.antcoach-btn-icon-only,
.antcoach-btn-lg {
  border-width: 3px;
}
//popover
.antcoach-popover-title {
  font-size: 14px;
  font-weight: 700;
}
//slider range
.ant-range-slider .antcoach-slider-mark-text {
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 12px;
  color: #6739b7;
}
.antcoach-btn-primary:hover,
.antcoach-btn-primary:focus {
  border-color: transparent;
  background: darken(@primary-color, 10%);
}

//modal
// --
@modal-header-title-font-size: 18px;
.antcoach-modal-title {
  color: @primary-color;
  font-weight: 700;
}
