/**
 * @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: 'Open Sans',
  font-secondary: Exo,

  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.5rem,
  padding: 1.25rem,
  margin: 1.5rem,
  line-height: 1.25,

  color-bg: #edf1f7,
  color-bg-active: rgba(white, 0.3),
  color-fg: #555555,
  color-fg-heading: #333333,
  color-fg-text: #666666,
  color-fg-highlight: #00f9a6,

  separator: #dddddd,

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

  color-primary: #a48aff,
  color-success: #00e172,
  color-info: #4e9fff,
  color-warning: #e5c742,
  color-danger: #ff666d,

  // 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: 4px 0 18px 0 rgba(19, 19, 94, 0.4),

  link-color-active: #00f9a6,

  link-color-hover: #14ffbe,
  link-color-visited: link-color-active,

  scrollbar-fg: rgba(0, 0, 0, 0.6),
  scrollbar-bg: rgba(255, 255, 255, 0.7),
  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-text,
  card-fg-heading: color-fg-heading,
  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-radius: radius,
  card-padding: padding,
  card-margin: margin,
  card-header-font-family: font-secondary,
  card-header-font-size: font-size-xlg,
  card-header-font-weight: font-weight-bolder,
  card-separator: separator,
  card-header-fg: color-fg,
  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,

  layout-font-family: font-main,
  layout-font-size: font-size,
  layout-line-height: line-height,

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

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

  layout-fg: color-fg,
  layout-bg: color-bg,
  layout-min-height: 100vh,
  layout-padding: 2.25rem 2.25rem 0.75rem,
  layout-content-width: 900px,

  sidebar-font-size: font-size,
  sidebar-line-height: line-height,
  sidebar-fg: color-bg,
  sidebar-bg: color-fg,
  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-line-height: line-height,
  menu-fg: color-bg,
  menu-bg: color-fg,
  menu-active-fg: color-fg,
  menu-active-bg: color-bg-active,
  menu-submenu-bg: color-bg,
  menu-submenu-fg: color-fg,
  menu-submenu-active-fg: menu-submenu-bg,
  menu-submenu-active-bg: menu-submenu-fg,
  menu-group-font-weight: font-weight-bolder,
  menu-group-font-size: 0.875rem,
  menu-group-fg: color-fg,
  menu-item-padding: 0.5rem 1rem,

  tabs-font-family: font-secondary,
  tabs-font-size: font-size-xlg,
  tabs-content-font-family: font-main,
  tabs-content-font-size: font-size,
  tabs-active-bg: transparent,
  tabs-active-font-weight: font-weight-bolder,
  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,

  route-tabs-font-family: font-secondary,
  route-tabs-font-size: font-size-xlg,
  route-tabs-active-bg: transparent,
  route-tabs-active-font-weight: font-weight-bolder,
  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,

  user-font-size: font-size,
  user-line-height: line-height,
  user-bg: color-bg,
  user-fg: color-fg,
  user-fg-highlight: color-fg-highlight,
  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,
  user-menu-border: separator,

  actions-font-size: font-size,
  actions-line-height: line-height,
  actions-fg: color-bg,
  actions-bg: color-fg,
  actions-separator: separator,
  actions-padding: padding,
  actions-size-small: 1.5rem,
  actions-size-medium: 2.5rem,
  actions-size-large: 4rem,

  search-btn-open-fg: color-fg,
  search-btn-close-fg:	color-fg,
  search-bg: linear-gradient(to right, #171749, #413789),//TODO: get rid of this hardcode, bg
  search-bg-secondary: color-fg,
  search-text: color-inverse,
  search-info: color-fg,
  search-dash: color-fg,
  search-placeholder: color-fg,

  d3-fg: color-fg,
  d3-legend-bg: #e9e9e9, // TODO: default color?

  smart-table-fg: color-fg,
  smart-table-border-color: color-fg,
  smart-table-bg: rgba(0, 0, 0, 0.03),
  smart-table-font-weight-bolder: font-weight-bolder,
  smart-table-border-radius: 5px,

  toaster-bg: color-primary,
  toaster-fg-default: color-inverse,
  toaster-btn-close-bg: transparent,
  toaster-btn-close-fg: toaster-fg-default,
  toaster-shadow: shadow,

  toaster-fg: color-white,
  toaster-success: color-success,
  toaster-info: color-info,
  toaster-warning: color-warning,
  toaster-wait: color-primary,
  toaster-error: color-danger,

  btn-text-color: color-white,
  btn-font-family: font-secondary,
  btn-line-height: line-height,

  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: color-primary,
  btn-secondary-fill: #665ebd,

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

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

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

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

  btn-border-radius: 0.75rem,
  btn-rectangle-border-radius: 4px,
  btn-semi-round-border-radius: 12px,
  btn-round-border-radius: 24px,

  btn-hero-shadow: rgba(33, 7, 77, 0.5),
  btn-hero-text-shadow: rgba(0, 0, 0, 0.3),

  form-control-text-primary-color: color-white,
  form-control-text-secondary-color: color-fg,
  form-control-font-family: font-secondary,
  form-control-bg: #37317a,
  form-control-focus-bg: #342e73,

  form-control-border-width: 2px,
  form-control-border-color: #342e73,
  form-control-border-type: solid,
  form-control-border-radius: 0.5rem,

  form-control-primary-border-color: color-primary,
  form-control-secondary-border-color: color-fg,
  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-font-size-sm: 0.875rem,
  form-control-line-height-sm: 1rem,
  form-control-border-radius-sm: 12px,

  form-control-font-size-lg: font-size-xlg,
  form-control-line-height-lg: 1.375rem,
  form-control-border-radius-lg: 12px,

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

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

  checkbox-fg-color: color-fg,

  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-size: font-size-xlg,
  modal-header-font-weight: font-weight-bolder,
  modal-separator: separator,
);

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