/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

@import '../core/functions';
@import '../core/mixins';

$theme: (
  font-main: unquote('"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'),
  font-secondary: font-main,

  font-weight-thin: 200,
  font-weight-light: 300,
  font-weight-normal: 400,
  font-weight-bolder: 500,
  font-weight-bold: 600,
  font-weight-ultra-bold: 800,

  // TODO: use it as a default font-size
  base-font-size: 16px,

  font-size-xlg: 1.25rem,
  font-size-lg: 1.125rem,
  font-size: 1rem,
  font-size-sm: 0.875rem,
  font-size-xs: 0.75rem,

  radius: 0.375rem,
  padding: 1.25rem,
  margin: 1.5rem,
  line-height: 1.25,

  color-bg: #ffffff,
  color-bg-active: #e9edf2,
  color-fg: #a4abb3,
  color-fg-heading: #2a2a2a,
  color-fg-text: #4b4b4b,
  color-fg-highlight: #40dc7e,

  separator: #ebeef2,

  color-gray: rgba(81, 113, 165, 0.15),
  color-neutral: transparent,
  color-white: #ffffff,
  color-disabled: rgba(255, 255, 255, 0.4),

  color-primary: #8a7fff,
  color-success: #40dc7e,
  color-info: #4ca6ff,
  color-warning: #ffa100,
  color-danger: #ff4c6a,

  // TODO: move to constants
  social-color-facebook: #3b5998,
  social-color-twitter: #55acee,
  social-color-google: #dd4b39,
  social-color-linkedin: #0177b5,
  social-color-github: #6b6b6b,
  social-color-stackoverflow: #2f96e8,
  social-color-dribble: #f26798,
  social-color-behance: #0093fa,

  border-color: color-gray,
  shadow: 0 2px 12px 0 #dfe3eb,

  link-color: #3dcc6d,
  link-color-hover: #2ee56b,
  link-color-visited: link-color,

  scrollbar-fg: #dadada,
  scrollbar-bg: #f2f2f2,
  scrollbar-width: 5px,
  scrollbar-thumb-radius: 2.5px,

  radial-gradient: none,
  linear-gradient: none,

  card-font-size: font-size,
  card-line-height: line-height,
  card-font-weight: font-weight-normal,
  card-fg: color-fg, // TODO: not used
  card-fg-text: color-fg-text,
  card-fg-heading: color-fg-heading, // TODO: not used
  card-bg: color-bg,
  card-height-xxsmall: 96px,
  card-height-xsmall: 216px,
  card-height-small: 336px,
  card-height-medium: 456px,
  card-height-large: 576px,
  card-height-xlarge: 696px,
  card-height-xxlarge: 816px,
  card-shadow: shadow,
  card-border-width: 0,
  card-border-type: solid,
  card-border-color: color-bg,
  card-border-radius: radius,
  card-padding: padding,
  card-margin: margin,
  card-header-font-family: font-secondary,
  card-header-font-size: font-size-lg,
  card-header-font-weight: font-weight-bold,
  card-separator: separator,
  card-header-fg: color-fg, // TODO: not used
  card-header-fg-heading: color-fg-heading,
  card-header-active-bg: color-fg,
  card-header-active-fg: color-bg,
  card-header-disabled-bg: color-disabled,
  card-header-primary-bg: color-primary,
  card-header-info-bg: color-info,
  card-header-success-bg: color-success,
  card-header-warning-bg: color-warning,
  card-header-danger-bg: color-danger,
  card-header-border-width: 1px,
  card-header-border-type: solid,
  card-header-border-color: card-separator,

  header-font-family: font-secondary,
  header-font-size: font-size,
  header-line-height: line-height,
  header-fg: color-fg-heading,
  header-bg: color-bg,
  header-height: 4.75rem,
  header-padding: 1.25rem,
  header-shadow: shadow,

  footer-height: 4.725rem,
  footer-padding: 1.25rem,
  footer-fg: color-fg-heading,
  footer-fg-highlight: color-fg-heading,
  footer-bg: color-bg,
  footer-separator: separator,
  footer-shadow: shadow,

  layout-font-family: font-main,
  layout-font-size: font-size,
  layout-line-height: line-height,
  layout-fg: color-fg,
  layout-bg: #ebeff5,
  layout-min-height: 100vh,
  layout-content-width: 900px,
  layout-window-mode-min-width: 300px,
  layout-window-mode-max-width: 1920px,
  layout-window-mode-bg: layout-bg,
  layout-window-mode-padding-top: 4.75rem,
  layout-window-shadow: shadow,
  layout-padding: 2.25rem 2.25rem 0.75rem,
  layout-medium-padding: 1.5rem 1.5rem 0.5rem,
  layout-small-padding: 1rem 1rem 0,

  sidebar-font-size: font-size,
  sidebar-line-height: line-height,
  sidebar-fg: color-fg-heading,
  sidebar-bg: color-bg,
  sidebar-height: 100vh,
  sidebar-width: 16rem,
  sidebar-width-compact: 3.5rem,
  sidebar-padding: padding,
  sidebar-header-height: 3.5rem,
  sidebar-footer-height: 3.5rem,
  sidebar-shadow: shadow,

  menu-font-family: font-secondary,
  menu-font-size: font-size,
  menu-font-weight: font-weight-bolder,
  menu-fg: color-fg-text,
  menu-bg: color-bg,
  menu-active-fg: color-fg-heading,
  menu-active-bg: color-bg,
  menu-active-font-weight: font-weight-bold,

  menu-submenu-bg: color-bg,
  menu-submenu-fg: color-fg-text,
  menu-submenu-active-fg: color-fg-heading,
  menu-submenu-active-bg: color-bg,
  menu-submenu-active-border-color: color-fg-highlight,
  menu-submenu-active-shadow: none,
  menu-submenu-hover-fg: menu-submenu-active-fg,
  menu-submenu-hover-bg: menu-submenu-bg,
  menu-submenu-item-border-width: 0.125rem,
  menu-submenu-item-border-radius: radius,
  menu-submenu-item-padding: 0.5rem 1rem,
  menu-submenu-item-container-padding: 0 1.25rem,
  menu-submenu-padding: 0.5rem,

  menu-group-font-weight: font-weight-bolder,
  menu-group-font-size: 0.875rem,
  menu-group-fg: color-fg,
  menu-group-padding: 1rem 1.25rem,
  menu-item-padding: 0.675rem 0.75rem,
  menu-item-separator: separator,
  menu-icon-font-size: 2.5rem,
  menu-icon-margin: 0 0.25rem 0,
  menu-icon-color: color-fg,
  menu-icon-active-color: color-fg-heading,

  tabs-font-family: font-secondary,
  tabs-font-size: font-size-lg,
  tabs-content-font-family: font-main,
  tabs-content-font-size: font-size,
  tabs-active-bg: transparent,
  tabs-active-font-weight: card-header-font-weight,
  tabs-padding: padding,
  tabs-content-padding: 0,
  tabs-header-bg: transparent,
  tabs-separator: separator,
  tabs-fg: color-fg,
  tabs-fg-text: color-fg-text,
  tabs-fg-heading: color-fg-heading,
  tabs-bg: transparent,
  tabs-selected: color-success,
  tabs-selected-second-color: color-success,
  tabs-selected-degrees: 0,
  tabs-icon-only-max-width: 576px,

  route-tabs-font-family: font-secondary,
  route-tabs-font-size: font-size-lg,
  route-tabs-active-bg: transparent,
  route-tabs-active-font-weight: card-header-font-weight,
  route-tabs-padding: padding,
  route-tabs-header-bg: transparent,
  route-tabs-separator: separator,
  route-tabs-fg: color-fg,
  route-tabs-fg-heading: color-fg-heading,
  route-tabs-bg: transparent,
  route-tabs-selected: color-success,
  route-tabs-icon-only-max-width: 576px,

  user-font-size: font-size,
  user-line-height: line-height,
  user-bg: color-bg,
  user-fg: color-fg,
  user-fg-highlight: #bcc3cc,
  user-font-family-secondary: font-secondary,
  user-size-small: 1.5rem,
  user-size-medium: 2.5rem,
  user-size-large: 3.25rem,
  user-size-xlarge: 4rem,

  popover-fg: color-fg-heading,
  popover-bg: color-bg,
  popover-border: color-success,
  popover-border-radius: radius,
  popover-shadow: none,
  popover-arrow-size: 11px,

  context-menu-fg: color-fg-heading,
  context-menu-bg: color-bg,
  context-menu-active-fg: color-white,
  context-menu-active-bg: color-success,
  context-menu-border: color-success,
  context-menu-border-radius: radius,
  context-menu-shadow: none,
  context-menu-arrow-size: 11px,

  actions-font-size: font-size,
  actions-font-family: font-secondary,
  actions-line-height: line-height,
  actions-fg: color-fg,
  actions-bg: color-bg,
  actions-separator: separator,
  actions-padding: padding,
  actions-size-small: 1.5rem,
  actions-size-medium: 2.25rem,
  actions-size-large: 3.5rem,

  search-btn-open-fg: color-fg,
  search-btn-close-fg:	color-fg,
  search-bg: layout-bg,
  search-bg-secondary: color-fg,
  search-text: color-fg-heading,
  search-info: color-fg,
  search-dash: color-fg,
  search-placeholder: color-fg,

  smart-table-header-font-family: font-secondary,
  smart-table-header-font-size: font-size,
  smart-table-header-font-weight: font-weight-bold,
  smart-table-header-line-height: line-height,
  smart-table-header-fg: color-fg-heading,
  smart-table-header-bg: color-bg,

  smart-table-font-family: font-main,
  smart-table-font-size: font-size,
  smart-table-font-weight: font-weight-normal,
  smart-table-line-height: line-height,
  smart-table-fg: color-fg-heading,
  smart-table-bg: color-bg,

  smart-table-bg-even: #f5f7fc,
  smart-table-fg-secondary: color-fg,
  smart-table-bg-active: #e6f3ff,
  smart-table-padding: 0.875rem 1.25rem,
  smart-table-filter-padding: 0.375rem 0.5rem,
  smart-table-separator: separator,
  smart-table-border-radius: radius,

  smart-table-paging-border-color: separator,
  smart-table-paging-border-width: 1px,
  smart-table-paging-fg-active: #ffffff,
  smart-table-paging-bg-active: color-success,
  smart-table-paging-hover: rgba(0, 0, 0, 0.05),

  toastr-bg: color-bg,
  toastr-padding: 1.125rem,
  toastr-fg: color-fg-text,
  toastr-border: 0.125rem solid,
  toastr-border-radius: radius,
  toastr-border-color: #bcc3cc,
  toastr-icon-radius: 0.25rem,
  toastr-shadow: shadow,

  btn-fg: color-white,
  btn-font-family: font-secondary,
  btn-line-height: line-height,
  btn-disabled-opacity: 0.3,
  btn-cursor: default,

  btn-primary-bg: color-primary,
  btn-secondary-bg: transparent,
  btn-info-bg: color-info,
  btn-success-bg: color-success,
  btn-warning-bg: color-warning,
  btn-danger-bg: color-danger,

  btn-secondary-border: #dadfe6,
  btn-secondary-border-width: 2px,

  btn-padding-y-lg: 0.875rem,
  btn-padding-x-lg: 1.75rem,
  btn-font-size-lg: font-size-lg,

  // default size
  btn-padding-y-md: 0.75rem,
  btn-padding-x-md: 1.5rem,
  btn-font-size-md: 1rem,

  btn-padding-y-sm: 0.625rem,
  btn-padding-x-sm: 1.5rem,
  btn-font-size-sm: 0.875rem,

  btn-padding-y-xs: 0.5rem,
  btn-padding-x-xs: 1.25rem,
  btn-font-size-xs: 0.75rem,

  btn-border-radius: radius,
  btn-rectangle-border-radius: 0.25rem,
  btn-semi-round-border-radius: 0.75rem,
  btn-round-border-radius: 1.5rem,

  btn-hero-shadow: none,
  btn-hero-text-shadow: none,
  btn-hero-bevel-size: 0 0 0 0,
  btn-hero-glow-size: 0 0 0 0,
  btn-hero-primary-glow-size: btn-hero-glow-size,
  btn-hero-success-glow-size: btn-hero-glow-size,
  btn-hero-warning-glow-size: btn-hero-glow-size,
  btn-hero-info-glow-size: btn-hero-glow-size,
  btn-hero-danger-glow-size: btn-hero-glow-size,
  btn-hero-secondary-glow-size: btn-hero-glow-size,
  btn-hero-degree: 20deg,
  btn-hero-primary-degree: btn-hero-degree,
  btn-hero-success-degree: btn-hero-degree,
  btn-hero-warning-degree: 10deg,
  btn-hero-info-degree: -10deg,
  btn-hero-danger-degree: -20deg,
  btn-hero-secondary-degree: btn-hero-degree,
  btn-hero-border-radius: radius,

  btn-outline-fg: color-fg-heading,
  btn-outline-hover-fg: #ffffff,
  btn-outline-focus-fg: color-fg-heading,

  btn-group-bg: layout-bg,
  btn-group-fg: color-fg-heading,
  btn-group-separator: #dadfe6,

  form-control-text-primary-color: color-fg-heading,
  form-control-bg: color-bg,
  form-control-focus-bg: color-bg,

  form-control-border-width: 2px,
  form-control-border-type: solid,
  form-control-border-radius: radius,
  form-control-semi-round-border-radius: 0.75rem,
  form-control-round-border-radius: 1.5rem,
  form-control-border-color: #dadfe6,
  form-control-selected-border-color: color-success,

  form-control-info-border-color: color-info,
  form-control-success-border-color: color-success,
  form-control-danger-border-color: color-danger,
  form-control-warning-border-color: color-warning,

  form-control-placeholder-color: color-fg,
  form-control-placeholder-font-size: 1rem,

  form-control-font-size: 1rem,
  form-control-padding: 0.75rem 1.125rem,
  form-control-font-size-sm: font-size-sm,
  form-control-padding-sm: 0.375rem 1.125rem,
  form-control-font-size-lg: font-size-lg,
  form-control-padding-lg: 1.125rem,

  form-control-label-font-weight: 400,

  form-control-feedback-font-size: 0.875rem,
  form-control-feedback-font-weight: font-weight-normal,

  checkbox-bg: transparent,
  checkbox-size: 1.25rem,
  checkbox-border-size: 2px,
  checkbox-border-color: form-control-border-color,
  checkbox-checkmark: transparent,

  checkbox-checked-bg: transparent,
  checkbox-checked-size: 1.25rem,
  checkbox-checked-border-size: 2px,
  checkbox-checked-border-color: color-success,
  checkbox-checked-checkmark: color-fg-heading,

  checkbox-disabled-bg: transparent,
  checkbox-disabled-size: 1.25rem,
  checkbox-disabled-border-size: 2px,
  checkbox-disabled-border-color: color-fg-heading,
  checkbox-disabled-checkmark: color-fg-heading,

  modal-font-size: font-size,
  modal-line-height: line-height,
  modal-font-weight: font-weight-normal,
  modal-fg: color-fg-text,
  modal-fg-heading: color-fg-heading,
  modal-bg: color-bg,
  modal-border: transparent,
  modal-border-radius: radius,
  modal-padding: padding,
  modal-header-font-family: font-secondary,
  modal-header-font-weight: font-weight-bolder,
  modal-header-font-size: font-size-lg,
  modal-body-font-family: font-main,
  modal-body-font-weight: font-weight-normal,
  modal-body-font-size: font-size,
  modal-separator: separator,

  badge-fg-text: color-white,
  badge-primary-bg-color: color-primary,
  badge-success-bg-color: color-success,
  badge-info-bg-color: color-info,
  badge-warning-bg-color: color-warning,
  badge-danger-bg-color: color-danger,

  progress-bar-height-xlg: 1.75rem,
  progress-bar-height-lg: 1.5rem,
  progress-bar-height: 1.375rem,
  progress-bar-height-sm: 1.25rem,
  progress-bar-height-xs: 1rem,
  progress-bar-animation-duration: 400ms,
  progress-bar-font-size-xlg: font-size-xlg,
  progress-bar-font-size-lg: font-size-lg,
  progress-bar-font-size: font-size,
  progress-bar-font-size-sm: font-size-sm,
  progress-bar-font-size-xs: font-size-xs,
  progress-bar-radius: radius,
  progress-bar-bg: layout-bg,
  progress-bar-font-color: color-white,
  progress-bar-font-weight: font-weight-bold,
  progress-bar-default-bg: color-info,
  progress-bar-primary-bg: color-primary,
  progress-bar-success-bg: color-success,
  progress-bar-info-bg: color-info,
  progress-bar-warning-bg: color-warning,
  progress-bar-danger-bg: color-danger,

  alert-font-size: font-size,
  alert-line-height: line-height,
  alert-font-weight: font-weight-normal,
  alert-fg: color-white,
  alert-outline-fg: color-fg,
  alert-bg: color-bg,
  alert-active-bg: color-fg,
  alert-disabled-bg: color-disabled,
  alert-disabled-fg: color-fg,
  alert-primary-bg: color-primary,
  alert-info-bg: color-info,
  alert-success-bg: color-success,
  alert-warning-bg: color-warning,
  alert-danger-bg: color-danger,
  alert-height-xxsmall: 52px,
  alert-height-xsmall: 72px,
  alert-height-small: 92px,
  alert-height-medium: 112px,
  alert-height-large: 132px,
  alert-height-xlarge: 152px,
  alert-height-xxlarge: 172px,
  alert-shadow: none,
  alert-border-radius: radius,
  alert-padding: 1rem 1.125rem,
  alert-closable-padding: 3rem,
  alert-button-padding: 3rem,
  alert-margin: margin,

  chat-font-size: font-size,
  chat-fg: color-white,
  chat-bg: color-bg,
  chat-border-radius: radius,
  chat-fg-text: color-fg-text,
  chat-height-xxsmall: 96px,
  chat-height-xsmall: 216px,
  chat-height-small: 336px,
  chat-height-medium: 456px,
  chat-height-large: 576px,
  chat-height-xlarge: 696px,
  chat-height-xxlarge: 816px,
  chat-border: border,
  chat-padding: padding,
  chat-shadow: shadow,
  chat-separator: separator,
  chat-message-fg: color-white,
  chat-message-bg: linear-gradient(to right, #4ca6ff, #59bfff),
  chat-message-reply-bg: color-bg-active,
  chat-message-reply-fg: color-fg-text,
  chat-message-avatar-bg: color-fg,
  chat-message-sender-fg: color-fg,
  chat-message-quote-fg: color-fg,
  chat-message-quote-bg: color-bg-active,
  chat-message-file-fg: color-fg,
  chat-message-file-bg: transparent,
  chat-form-bg: transparent,
  chat-form-fg: color-fg-heading,
  chat-form-border: separator,
  chat-form-placeholder-fg: color-fg,
  chat-form-active-border: color-fg,
  chat-active-bg: color-fg,
  chat-disabled-bg: color-disabled,
  chat-disabled-fg: color-fg,
  chat-primary-bg: color-primary,
  chat-info-bg: color-info,
  chat-success-bg: color-success,
  chat-warning-bg: color-warning,
  chat-danger-bg: color-danger,

  spinner-bg: rgba(255, 255, 255, 0.83),
  spinner-circle-bg: color-bg-active,
  spinner-fg: color-fg-text,
  spinner-active-bg: color-fg,
  spinner-disabled-bg: color-disabled,
  spinner-disabled-fg: color-fg,
  spinner-primary-bg: color-primary,
  spinner-info-bg: color-info,
  spinner-success-bg: color-success,
  spinner-warning-bg: color-warning,
  spinner-danger-bg: color-danger,
  spinner-xxsmall: 1.25rem,
  spinner-xsmall: 1.5rem,
  spinner-small: 1.75rem,
  spinner-medium: 2rem,
  spinner-large: 2.25rem,
  spinner-xlarge: 2.5rem,
  spinner-xxlarge: 3rem,

  stepper-index-size: 2rem,
  stepper-label-font-size: font-size-sm,
  stepper-label-font-weight: font-weight-bolder,
  stepper-accent-color: color-primary,
  stepper-completed-fg: color-white,
  stepper-fg: color-fg,
  stepper-completed-icon-size: 1.5rem,
  stepper-completed-icon-weight: font-weight-ultra-bold,
  stepper-step-padding: padding,

  accordion-padding: padding,
  accordion-separator: separator,
  accordion-header-font-family: font-secondary,
  accordion-header-font-size: font-size-lg,
  accordion-header-font-weight: font-weight-normal,
  accordion-header-fg-heading: color-fg-heading,
  accordion-header-disabled-fg: color-fg,
  accordion-header-border-width: 1px,
  accordion-header-border-type: solid,
  accordion-header-border-color: accordion-separator,
  accordion-border-radius: radius,
  accordion-item-bg: color-bg,
  accordion-item-font-size: font-size,
  accordion-item-font-weight: font-weight-normal,
  accordion-item-font-family: font-main,
  accordion-item-fg-text: color-fg-text,
  accordion-item-shadow: shadow,

  list-item-border-color: tabs-separator,
  list-item-padding: 1rem,

  calendar-width: 21.875rem,
  calendar-body-height: 25.625rem,
  calendar-header-title-font-size: font-size-xlg,
  calendar-header-title-font-weight: font-weight-bold,
  calendar-header-sub-title-font-size: font-size,
  calendar-header-sub-title-font-weight: font-weight-thin,
  calendar-navigation-button-width: 10rem,
  calendar-selected-item-bg: color-success,
  calendar-hover-item-bg: calendar-selected-item-bg,
  calendar-today-item-bg: color-bg-active,
  calendar-active-item-bg: color-success,
  calendar-fg: color-fg-text,
  calendar-selected-fg: color-white,
  calendar-today-fg: calendar-fg,
  calendar-day-cell-width: 2.625rem,
  calendar-day-cell-height: 2.625rem,
  calendar-month-cell-width: 4.25rem,
  calendar-month-cell-height: 2.375rem,
  calendar-year-cell-width: calendar-month-cell-width,
  calendar-year-cell-height: calendar-month-cell-height,
  calendar-inactive-opacity: 0.5,
  calendar-disabled-opacity: 0.3,
  calendar-border-radius: radius,
  calendar-weekday-width: calendar-day-cell-width,
  calendar-weekday-height: 1.75rem,
  calendar-weekday-font-size: font-size-xs,
  calendar-weekday-font-weight: font-weight-normal,
  calendar-weekday-fg: color-fg,
  calendar-weekday-holiday-fg: color-danger,
  calendar-range-bg-in-range: #ebfbf2,

  calendar-large-width: 24.375rem,
  calendar-large-body-height: 27.75rem,
  calendar-day-cell-large-width: 3rem,
  calendar-day-cell-large-height: 3rem,
  calendar-month-cell-large-width: 4.25rem,
  calendar-month-cell-large-height: 2.375rem,
  calendar-year-cell-large-width: calendar-month-cell-width,
  calendar-year-cell-large-height: calendar-month-cell-height,

  overlay-backdrop-bg: rgba(0, 0, 0, 0.288),

  tooltip-bg: color-fg-text,
  tooltip-primary-bg: color-primary,
  tooltip-info-bg: color-info,
  tooltip-success-bg: color-success,
  tooltip-warning-bg: color-warning,
  tooltip-danger-bg: color-danger,
  tooltip-fg: color-bg-active,
  tooltip-status-fg: color-bg-active,
  tooltip-shadow: shadow,
  tooltip-font-size: font-size,

  select-border-width: 2px,
  select-max-height: 20rem,
  select-bg: color-bg,

  select-checkbox-color: checkbox-border-color,
  select-checkmark-color: checkbox-border-color,

  select-option-disabled-bg: #f2f4f7,
  select-option-disabled-opacity: 0.3,
  select-option-padding: 0.75rem 1.5rem,

  datepicker-fg: color-fg-heading,
  datepicker-bg: color-bg,
  datepicker-border: color-success,
  datepicker-border-radius: radius,
  datepicker-shadow: none,
  datepicker-arrow-size: 11px,

  radio-bg: transparent,
  radio-fg: color-fg-text,
  radio-size: 1.25rem,
  radio-border-size: 2px,
  radio-border-color: form-control-border-color,
  radio-checkmark: transparent,
  radio-checked-bg: transparent,
  radio-checked-size: 1.25rem,
  radio-checked-border-size: 2px,
  radio-checked-border-color: color-success,
  radio-checked-checkmark: color-success,
  radio-disabled-bg: transparent,
  radio-disabled-size: 1.25rem,
  radio-disabled-border-size: 2px,
  radio-disabled-border-color: radio-border-color,
  radio-disabled-checkmark: radio-checkmark,
);

// register the theme
$nb-themes: nb-register-theme($theme, default);