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

$eva-mapping: (

  /* Components mappings - maps theme variables onto component variables */

  link-text-color: text-primary-color,
  link-text-focus-color: text-primary-focus-color,
  link-text-hover-color: text-primary-hover-color,

  card-background-color: background-basic-color-1,
  card-text-color: text-basic-color,
  card-text-font-family: text-paragraph-font-family,
  card-text-font-size: text-paragraph-font-size,
  card-text-font-weight: text-paragraph-font-weight,
  card-text-line-height: text-paragraph-line-height,
  card-border-width: 0,
  card-border-style: solid,
  card-border-color: transparent,
  card-border-radius: border-radius,
  card-padding: 1rem 1.25rem,
  card-shadow: shadow,
  card-divider-color: divider-color,
  card-divider-style: divider-style,
  card-divider-width: divider-width,

  card-header-text-color: text-basic-color,
  card-header-text-font-family: text-subtitle-font-family,
  card-header-text-font-size: text-subtitle-font-size,
  card-header-text-font-weight: text-subtitle-font-weight,
  card-header-text-line-height: text-subtitle-line-height,

  card-header-primary-background-color: color-primary-default,
  card-header-primary-text-color: text-control-color,
  card-header-info-background-color: color-info-default,
  card-header-info-text-color: text-control-color,
  card-header-success-background-color: color-success-default,
  card-header-success-text-color: text-control-color,
  card-header-warning-background-color: color-warning-default,
  card-header-warning-text-color: text-control-color,
  card-header-danger-background-color: color-danger-default,
  card-header-danger-text-color: text-control-color,

  card-height-tiny: 13.5rem,
  card-height-small: 21.1875rem,
  card-height-medium: 28.875rem,
  card-height-large: 36.5625rem,
  card-height-giant: 44.25rem,
  card-margin-bottom: 1.875rem,

  card-scrollbar-color: scrollbar-color,
  card-scrollbar-background-color: scrollbar-background-color,
  card-scrollbar-width: scrollbar-width,

  header-background-color: background-basic-color-1,
  header-text-color: text-basic-color,
  header-text-font-family: text-paragraph-font-family,
  header-text-font-size: text-paragraph-font-size,
  header-text-font-weight: text-paragraph-font-weight,
  header-text-line-height: text-paragraph-line-height,
  header-height: 4.75rem,
  header-padding: 1.25rem,
  header-shadow: shadow,

  footer-background-color: background-basic-color-1,
  footer-text-color: text-basic-color,
  footer-text-font-family: text-paragraph-font-family,
  footer-text-font-size: text-paragraph-font-size,
  footer-text-font-weight: text-paragraph-font-weight,
  footer-text-line-height: text-paragraph-line-height,
  footer-text-highlight-color: color-primary-hover,
  footer-height: 4.725rem,
  footer-padding: 1.25rem,
  footer-divider-color: divider-color,
  footer-divider-style: divider-style,
  footer-divider-width: divider-width,
  footer-shadow: shadow,

  layout-background-color: background-basic-color-3,
  layout-text-color: text-basic-color,
  layout-text-font-family: text-paragraph-font-family,
  layout-text-font-size: text-paragraph-font-size,
  layout-text-font-weight: text-paragraph-font-weight,
  layout-text-line-height: text-paragraph-line-height,
  layout-min-height: 100vh,
  layout-content-width: 900px,
  layout-window-mode-min-width: 300px,
  layout-window-mode-max-width: 1920px,
  layout-window-mode-background-color: background-basic-color-3,
  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,
  layout-scrollbar-background-color: scrollbar-background-color,
  layout-scrollbar-color: scrollbar-color,
  layout-scrollbar-width: scrollbar-width,

  sidebar-background-color: background-basic-color-1,
  sidebar-text-color: text-basic-color,
  sidebar-text-font-family: text-paragraph-font-family,
  sidebar-text-font-size: text-paragraph-font-size,
  sidebar-text-font-weight: text-paragraph-font-weight,
  sidebar-text-line-height: text-paragraph-line-height,
  sidebar-height: 100vh,
  sidebar-width: 16rem,
  sidebar-width-compact: 3.5rem,
  sidebar-padding: 1.25rem,
  sidebar-header-height: 3.5rem,
  sidebar-footer-height: 3.5rem,
  sidebar-shadow: shadow,
  sidebar-menu-item-highlight-color: color-primary-default,
  sidebar-scrollbar-background-color: scrollbar-background-color,
  sidebar-scrollbar-color: scrollbar-color,
  sidebar-scrollbar-width: scrollbar-width,

  menu-background-color: transparent,
  menu-text-color: text-basic-color,
  menu-text-font-family: text-subtitle-2-font-family,
  menu-text-font-size: text-subtitle-2-font-size,
  menu-text-font-weight: text-subtitle-2-font-weight,
  menu-text-line-height: text-subtitle-2-line-height,

  menu-group-text-color: text-hint-color,

  menu-item-border-radius: 0,
  menu-item-padding: 0.75rem 1rem,

  menu-item-hover-background-color: menu-background-color,
  menu-item-hover-cursor: pointer,
  menu-item-hover-text-color: text-primary-hover-color,
  menu-item-icon-hover-color: menu-item-hover-text-color,

  menu-item-active-background-color: menu-background-color,
  menu-item-active-text-color: text-primary-color,
  menu-item-icon-active-color: menu-item-active-text-color,

  menu-item-icon-color: text-hint-color,
  menu-item-icon-margin: 0 0.5rem 0 0,
  menu-item-icon-width: 1.5rem,

  menu-item-divider-color: divider-color,
  menu-item-divider-style: divider-style,
  menu-item-divider-width: divider-width,

  menu-submenu-background-color: menu-background-color,
  menu-submenu-text-color: text-basic-color,
  menu-submenu-margin: 0,
  menu-submenu-padding: 0 1.25rem,

  menu-submenu-item-border-color: menu-submenu-background-color,
  menu-submenu-item-border-style: solid,
  menu-submenu-item-border-width: 0,
  menu-submenu-item-border-radius: 0,
  menu-submenu-item-padding: menu-item-padding,

  menu-submenu-item-hover-background-color: menu-background-color,
  menu-submenu-item-hover-border-color: menu-submenu-item-border-color,
  menu-submenu-item-hover-text-color: menu-item-hover-text-color,
  menu-submenu-item-icon-hover-color: menu-item-icon-hover-color,

  menu-submenu-item-active-background-color: menu-background-color,
  menu-submenu-item-active-border-color: color-primary-default,
  menu-submenu-item-active-text-color: menu-item-active-text-color,
  menu-submenu-item-icon-active-color: menu-item-icon-active-color,

  menu-submenu-item-active-hover-background-color: menu-submenu-item-hover-background-color,
  menu-submenu-item-active-hover-border-color: color-primary-hover,
  menu-submenu-item-active-hover-text-color: menu-submenu-item-hover-text-color,
  menu-submenu-item-icon-active-hover-color: menu-submenu-item-icon-hover-color,

  tabset-background-color: transparent,
  tabset-border-radius: 0,
  tabset-shadow: none,

  tabset-tab-background-color: transparent,
  tabset-tab-padding: 1rem 2rem,
  tabset-tab-text-color: text-hint-color,
  tabset-tab-text-font-family: text-button-font-family,
  tabset-tab-text-font-size: text-button-medium-font-size,
  tabset-tab-text-font-weight: text-button-font-weight,
  tabset-tab-text-line-height: text-button-medium-line-height,
  tabset-tab-text-transform: uppercase,
  tabset-tab-underline-width: 0.25rem,
  tabset-tab-underline-color: transparent,
  tabset-tab-active-background-color: transparent,
  tabset-tab-active-text-color: text-primary-color,
  tabset-tab-active-underline-color: text-primary-color,
  tabset-tab-focus-background-color: transparent,
  tabset-tab-focus-text-color: text-primary-focus-color,
  tabset-tab-focus-underline-color: text-primary-focus-color,
  tabset-tab-hover-background-color: transparent,
  tabset-tab-hover-text-color: text-primary-hover-color,
  tabset-tab-hover-underline-color: text-primary-hover-color,
  tabset-tab-disabled-background-color: transparent,
  tabset-tab-disabled-text-color: text-disabled-color,
  tabset-tab-disabled-underline-color: transparent,

  tabset-divider-color: divider-color,
  tabset-divider-style: divider-style,
  tabset-divider-width: divider-width,

  tabset-content-background-color: transparent,
  tabset-content-padding: 1rem 2rem,
  tabset-content-text-color: text-basic-color,
  tabset-content-text-font-family: text-paragraph-font-family,
  tabset-content-text-font-size: text-paragraph-font-size,
  tabset-content-text-font-weight: text-paragraph-font-weight,
  tabset-content-text-line-height: text-paragraph-line-height,

  tabset-scrollbar-color: scrollbar-color,
  tabset-scrollbar-background-color: scrollbar-background-color,
  tabset-scrollbar-width: scrollbar-width,
  tabset-tab-text-hide-breakpoint: 36rem,

  route-tabset-background-color: transparent,
  route-tabset-border-radius: 0,
  route-tabset-shadow: none,

  route-tabset-tab-background-color: transparent,
  route-tabset-tab-padding: 1rem 2rem,
  route-tabset-tab-text-color: text-hint-color,
  route-tabset-tab-text-font-family: text-button-font-family,
  route-tabset-tab-text-font-size: text-button-medium-font-size,
  route-tabset-tab-text-font-weight: text-button-font-weight,
  route-tabset-tab-text-line-height: text-button-medium-line-height,
  route-tabset-tab-text-transform: uppercase,
  route-tabset-tab-underline-width: 0.25rem,
  route-tabset-tab-underline-color: transparent,

  route-tabset-tab-active-background-color: transparent,
  route-tabset-tab-active-text-color: text-primary-color,
  route-tabset-tab-active-underline-color: text-primary-color,

  route-tabset-tab-focus-background-color: transparent,
  route-tabset-tab-focus-text-color: text-primary-focus-color,
  route-tabset-tab-focus-underline-color: text-primary-focus-color,

  route-tabset-tab-hover-background-color: transparent,
  route-tabset-tab-hover-text-color: text-primary-hover-color,
  route-tabset-tab-hover-underline-color: text-primary-hover-color,

  route-tabset-tab-disabled-background-color: transparent,
  route-tabset-tab-disabled-text-color: text-disabled-color,
  route-tabset-tab-disabled-underline-color: transparent,

  route-tabset-divider-color: divider-color,
  route-tabset-divider-style: divider-style,
  route-tabset-divider-width: divider-width,

  route-tabset-scrollbar-color: scrollbar-color,
  route-tabset-scrollbar-background-color: scrollbar-background-color,
  route-tabset-scrollbar-width: scrollbar-width,
  route-tabset-tab-text-hide-breakpoint: 36rem,

  user-picture-box-background-color: transparent,
  user-picture-box-border-color: border-basic-color-3,
  user-picture-box-border-width: 1px,
  user-initials-text-color: text-basic-color,
  user-initials-text-font-family: text-paragraph-font-family,
  user-initials-text-font-weight: text-paragraph-font-weight,
  user-name-text-color: text-basic-color,
  user-name-text-font-family: text-paragraph-font-family,
  user-name-text-font-weight: text-paragraph-font-weight,
  user-title-text-color: text-basic-color,
  user-title-text-font-family: text-paragraph-2-font-family,
  user-title-text-font-weight: text-paragraph-2-font-weight,

  user-rectangle-border-radius: 0.5rem,
  user-semi-round-border-radius: 0.75rem,
  user-round-border-radius: 50%,

  user-tiny-height: 1.25rem,
  user-tiny-width: 1.25rem,
  user-tiny-initials-text-font-size: text-caption-font-size,
  user-tiny-initials-text-line-height: text-caption-line-height,
  user-tiny-name-text-font-size: text-caption-font-size,
  user-tiny-name-text-line-height: text-caption-line-height,
  user-tiny-title-text-font-size: text-caption-font-size,
  user-tiny-title-text-line-height: text-caption-line-height,

  user-small-height: 1.5rem,
  user-small-width: 1.5rem,
  user-small-initials-text-font-size: text-caption-font-size,
  user-small-initials-text-line-height: text-caption-line-height,
  user-small-name-text-font-size: text-caption-font-size,
  user-small-name-text-line-height: text-caption-line-height,
  user-small-title-text-font-size: text-caption-font-size,
  user-small-title-text-line-height: text-caption-line-height,

  user-medium-height: 2.5rem,
  user-medium-width: 2.5rem,
  user-medium-initials-text-font-size: text-paragraph-font-size,
  user-medium-initials-text-line-height: text-paragraph-line-height,
  user-medium-name-text-font-size: text-paragraph-font-size,
  user-medium-name-text-line-height: text-paragraph-line-height,
  user-medium-title-text-font-size: text-caption-font-size,
  user-medium-title-text-line-height: text-caption-line-height,

  user-large-height: 3.25rem,
  user-large-width: 3.25rem,
  user-large-initials-text-font-size: text-paragraph-font-size,
  user-large-initials-text-line-height: text-paragraph-line-height,
  user-large-name-text-font-size: text-paragraph-font-size,
  user-large-name-text-line-height: text-paragraph-line-height,
  user-large-title-text-font-size: text-paragraph-2-font-size,
  user-large-title-text-line-height: text-paragraph-2-line-height,

  user-giant-height: 4rem,
  user-giant-width: 4rem,
  user-giant-initials-text-font-size: text-paragraph-font-size,
  user-giant-initials-text-line-height: text-paragraph-line-height,
  user-giant-name-text-font-size: text-paragraph-font-size,
  user-giant-name-text-line-height: text-paragraph-line-height,
  user-giant-title-text-font-size: text-paragraph-font-size,
  user-giant-title-text-line-height: text-paragraph-line-height,

  popover-text-color: text-basic-color,
  popover-text-font-family: text-paragraph-font-family,
  popover-text-font-size: text-paragraph-font-size,
  popover-text-font-weight: text-paragraph-font-weight,
  popover-text-line-height: text-paragraph-line-height,
  popover-background-color: background-basic-color-1,
  popover-border-width: 1px,
  popover-border-color: transparent,
  popover-border-radius: border-radius,
  popover-shadow: shadow,
  popover-arrow-size: 0.6875rem,
  popover-padding: 0.75rem 1rem,

  context-menu-background-color: background-basic-color-1,
  context-menu-border-color: transparent,
  context-menu-border-style: solid,
  context-menu-border-width: 0,
  context-menu-border-radius: border-radius,
  context-menu-min-width: 10rem,
  context-menu-max-width: 15rem,
  context-menu-shadow: shadow,

  actions-background-color: transparent,
  actions-divider-color: divider-color,
  actions-divider-style: divider-style,
  actions-divider-width: divider-width,
  actions-icon-color: text-hint-color,
  actions-text-color: text-basic-color,
  actions-text-font-family: text-button-font-family,
  actions-text-font-weight: text-button-font-weight,
  actions-text-line-height: text-button-medium-line-height,

  actions-disabled-icon-color: text-disabled-color,
  actions-disabled-text-color: text-disabled-color,

  actions-tiny-height: 1rem,
  actions-tiny-icon-height: actions-tiny-height,
  actions-tiny-padding: 0 1.25rem,
  actions-tiny-text-font-size: text-button-tiny-font-size,
  actions-small-height: 1.5rem,
  actions-small-icon-height: actions-small-height,
  actions-small-padding: 0 1.25rem,
  actions-small-text-font-size: text-button-small-font-size,
  actions-medium-height: 2.25rem,
  actions-medium-icon-height: actions-medium-height,
  actions-medium-padding: 0 1.25rem,
  actions-medium-text-font-size: text-button-medium-font-size,
  actions-large-height: 3.5rem,
  actions-large-icon-height: actions-large-height,
  actions-large-padding: 0 1.25rem,
  actions-large-text-font-size: text-button-large-font-size,
  actions-giant-height: 4rem,
  actions-giant-icon-height: actions-giant-height,
  actions-giant-padding: 0 1.25rem,
  actions-giant-text-font-size: text-button-giant-font-size,

  search-background-color: background-basic-color-1,
  search-divider-color: divider-color,
  search-divider-style: divider-style,
  search-divider-width: divider-width,
  search-extra-background-color: color-primary-default,
  search-text-color: text-basic-color,
  search-text-font-family: text-heading-1-font-family,
  search-text-font-size: text-heading-1-font-size,
  search-text-font-weight: text-heading-1-font-weight,
  search-text-line-height: text-heading-1-line-height,
  search-placeholder-text-color: text-hint-color,
  search-info-text-color: text-hint-color,
  search-info-text-font-family: text-subtitle-font-family,
  search-info-text-font-size: text-subtitle-font-size,
  search-info-text-font-weight: text-subtitle-font-weight,
  search-info-text-line-height: text-subtitle-line-height,

  smart-table-header-font-family: text-paragraph-font-family,
  smart-table-header-font-size: text-paragraph-font-size,
  smart-table-header-font-weight: text-paragraph-font-weight,
  smart-table-header-line-height: text-paragraph-line-height,
  smart-table-header-fg: text-basic-color,
  smart-table-header-bg: background-basic-color-1,

  smart-table-font-family: text-paragraph-font-family,
  smart-table-font-size: text-paragraph-font-size,
  smart-table-font-weight: text-paragraph-font-weight,
  smart-table-line-height: text-paragraph-line-height,
  smart-table-fg: text-basic-color,
  smart-table-bg: background-basic-color-1,

  smart-table-bg-even: background-basic-color-2,
  smart-table-fg-secondary: text-basic-color,
  smart-table-bg-active: background-basic-color-3,
  smart-table-padding: 0.875rem 1.25rem,
  smart-table-filter-padding: 0.375rem 0.5rem,
  smart-table-separator: divider-color,
  smart-table-border-radius: border-radius,

  smart-table-action-add-edit-hover-text-color: color-primary-default,
  smart-table-action-cancel-delete-hover-text-color: color-danger-default,

  smart-table-add-button-border-color: button-filled-primary-border-color,
  smart-table-add-button-background-color: button-filled-primary-background-color,
  smart-table-add-button-text-color: button-filled-primary-text-color,
  smart-table-add-button-focus-border-color: button-filled-primary-focus-border-color,
  smart-table-add-button-hover-background-color: button-filled-primary-hover-background-color,
  smart-table-add-button-hover-border-color: button-filled-primary-hover-border-color,
  smart-table-add-button-active-background-color: button-filled-primary-active-background-color,
  smart-table-add-button-active-border-color: button-filled-primary-active-border-color,

  smart-table-paging-font-family: button-text-font-family,
  smart-table-paging-font-size: button-medium-text-font-size,
  smart-table-paging-line-height: button-medium-text-line-height,
  smart-table-paging-border-color: divider-color,
  smart-table-paging-border-width: divider-width,
  smart-table-paging-fg-active: text-control-color,
  smart-table-paging-bg-active: color-primary-default,
  smart-table-paging-hover: transparent,
  smart-table-paging-hover-border-color: button-outline-primary-hover-border-color,
  smart-table-paging-hover-text-color: button-outline-primary-hover-text-color,
  smart-table-paging-disabled-text-color: button-outline-primary-disabled-text-color,
  smart-table-paging-page-text-color: button-outline-primary-text-color,
  smart-table-paging-page-focus-border-color: button-outline-primary-focus-border-color,
  smart-table-paging-page-focus-text-color: button-outline-primary-focus-text-color,

  toastr-background-color: background-basic-color-1,
  toastr-border-color: border-basic-color-3,
  toastr-border-style: solid,
  toastr-border-width: 1px,
  toastr-border-radius: border-radius,
  toastr-padding: 1rem,
  toastr-shadow: shadow,

  toastr-text-color: text-basic-color,
  toastr-text-font-family: text-paragraph-2-font-family,
  toastr-text-font-size: text-paragraph-2-font-size,
  toastr-text-font-weight: text-paragraph-2-font-weight,
  toastr-text-line-height: text-paragraph-2-line-height,
  toastr-title-text-font-family: text-subtitle-font-family,
  toastr-title-text-font-size: text-subtitle-font-size,
  toastr-title-text-font-weight: text-subtitle-font-weight,
  toastr-title-text-line-height: text-subtitle-line-height,

  toastr-destroyable-hover-background-color: background-basic-color-1,
  toastr-destroyable-hover-border-color: border-basic-color-3,

  toastr-primary-background-color: color-primary-default,
  toastr-primary-border-color: color-primary-default,
  toastr-primary-text-color: text-control-color,
  toastr-icon-primary-background-color: background-basic-color-1,
  toastr-icon-primary-color: color-primary-default,
  toastr-destroyable-hover-primary-background-color: color-primary-hover,
  toastr-destroyable-hover-primary-border-color: color-primary-hover,

  toastr-success-background-color: color-success-default,
  toastr-success-border-color: color-success-default,
  toastr-success-text-color: text-control-color,
  toastr-icon-success-background-color: background-basic-color-1,
  toastr-icon-success-color: color-success-default,
  toastr-destroyable-hover-success-background-color: color-success-hover,
  toastr-destroyable-hover-success-border-color: color-success-hover,

  toastr-info-background-color: color-info-default,
  toastr-info-border-color: color-info-default,
  toastr-info-text-color: text-control-color,
  toastr-icon-info-background-color: background-basic-color-1,
  toastr-icon-info-color: color-info-default,
  toastr-destroyable-hover-info-background-color: color-info-hover,
  toastr-destroyable-hover-info-border-color: color-info-hover,

  toastr-warning-background-color: color-warning-default,
  toastr-warning-border-color: color-warning-default,
  toastr-warning-text-color: text-control-color,
  toastr-icon-warning-background-color: background-basic-color-1,
  toastr-icon-warning-color: color-warning-default,
  toastr-destroyable-hover-warning-background-color: color-warning-hover,
  toastr-destroyable-hover-warning-border-color: color-warning-hover,

  toastr-danger-background-color: color-danger-default,
  toastr-danger-border-color: color-danger-default,
  toastr-danger-text-color: text-control-color,
  toastr-icon-danger-background-color: background-basic-color-1,
  toastr-icon-danger-color: color-danger-default,
  toastr-destroyable-hover-danger-background-color: color-danger-hover,
  toastr-destroyable-hover-danger-border-color: color-danger-hover,

  button-cursor: pointer,
  button-outline-width: outline-width,
  button-outline-color: outline-color,
  button-text-font-family: text-button-font-family,
  button-text-font-weight: text-button-font-weight,
  button-disabled-cursor: default,

  button-tiny-text-font-size: text-button-tiny-font-size,
  button-tiny-text-line-height: text-button-tiny-line-height,
  button-small-text-font-size: text-button-small-font-size,
  button-small-text-line-height: text-button-small-line-height,
  button-medium-text-font-size: text-button-medium-font-size,
  button-medium-text-line-height: text-button-medium-line-height,
  button-large-text-font-size: text-button-large-font-size,
  button-large-text-line-height: text-button-large-line-height,
  button-giant-text-font-size: text-button-giant-font-size,
  button-giant-text-line-height: text-button-giant-line-height,

  button-rectangle-border-radius: border-radius,
  button-semi-round-border-radius: 0.75rem,
  button-round-border-radius: 1.5rem,

  button-filled-border-style: solid,
  button-filled-border-width: 0.0625rem,
  button-filled-text-transform: uppercase,

  button-filled-tiny-padding: 0.3125rem 0.625rem,
  button-filled-small-padding: 0.4375rem 0.875rem,
  button-filled-medium-padding: 0.6875rem 1.125rem,
  button-filled-large-padding: 0.8125rem 1.125rem,
  button-filled-giant-padding: 0.9375rem 1.375rem,

  button-filled-primary-background-color: color-primary-default,
  button-filled-primary-border-color: color-primary-default,
  button-filled-primary-text-color: text-control-color,
  button-filled-primary-focus-background-color: color-primary-focus,
  button-filled-primary-focus-border-color: color-primary-700,
  button-filled-primary-hover-background-color: color-primary-hover,
  button-filled-primary-hover-border-color: color-primary-hover,
  button-filled-primary-active-background-color: color-primary-active,
  button-filled-primary-active-border-color: color-primary-active,
  button-filled-primary-disabled-background-color: color-basic-transparent-300,
  button-filled-primary-disabled-border-color: transparent,
  button-filled-primary-disabled-text-color: text-disabled-color,

  button-filled-success-background-color: color-success-default,
  button-filled-success-border-color: color-success-default,
  button-filled-success-text-color: text-control-color,
  button-filled-success-focus-background-color: color-success-focus,
  button-filled-success-focus-border-color: color-success-700,
  button-filled-success-hover-background-color: color-success-hover,
  button-filled-success-hover-border-color: color-success-hover,
  button-filled-success-active-background-color: color-success-active,
  button-filled-success-active-border-color: color-success-active,
  button-filled-success-disabled-background-color: color-basic-transparent-300,
  button-filled-success-disabled-border-color: transparent,
  button-filled-success-disabled-text-color: text-disabled-color,

  button-filled-info-background-color: color-info-default,
  button-filled-info-border-color: color-info-default,
  button-filled-info-text-color: text-control-color,
  button-filled-info-focus-background-color: color-info-focus,
  button-filled-info-focus-border-color: color-info-700,
  button-filled-info-hover-background-color: color-info-hover,
  button-filled-info-hover-border-color: color-info-hover,
  button-filled-info-active-background-color: color-info-active,
  button-filled-info-active-border-color: color-info-active,
  button-filled-info-disabled-background-color: color-basic-transparent-300,
  button-filled-info-disabled-border-color: transparent,
  button-filled-info-disabled-text-color: text-disabled-color,

  button-filled-warning-background-color: color-warning-default,
  button-filled-warning-border-color: color-warning-default,
  button-filled-warning-text-color: text-control-color,
  button-filled-warning-focus-background-color: color-warning-focus,
  button-filled-warning-focus-border-color: color-warning-700,
  button-filled-warning-hover-background-color: color-warning-hover,
  button-filled-warning-hover-border-color: color-warning-hover,
  button-filled-warning-active-background-color: color-warning-active,
  button-filled-warning-active-border-color: color-warning-active,
  button-filled-warning-disabled-background-color: color-basic-transparent-300,
  button-filled-warning-disabled-border-color: transparent,
  button-filled-warning-disabled-text-color: text-disabled-color,

  button-filled-danger-background-color: color-danger-default,
  button-filled-danger-border-color: color-danger-default,
  button-filled-danger-text-color: text-control-color,
  button-filled-danger-focus-background-color: color-danger-focus,
  button-filled-danger-focus-border-color: color-danger-700,
  button-filled-danger-hover-background-color: color-danger-hover,
  button-filled-danger-hover-border-color: color-danger-hover,
  button-filled-danger-active-background-color: color-danger-active,
  button-filled-danger-active-border-color: color-danger-active,
  button-filled-danger-disabled-background-color: color-basic-transparent-300,
  button-filled-danger-disabled-border-color: transparent,
  button-filled-danger-disabled-text-color: text-disabled-color,

  button-outline-border-style: solid,
  button-outline-border-width: 0.0625rem,
  button-outline-background-color: transparent,
  button-outline-text-transform: uppercase,

  button-outline-tiny-padding: 0.3125rem 0.625rem,
  button-outline-small-padding: 0.4375rem 0.875rem,
  button-outline-medium-padding: 0.6875rem 1.125rem,
  button-outline-large-padding: 0.8125rem 1.125rem,
  button-outline-giant-padding: 0.9375rem 1.375rem,

  button-outline-primary-border-color: color-primary-default,
  button-outline-primary-text-color: text-primary-color,
  button-outline-primary-focus-background-color: color-primary-transparent-200,
  button-outline-primary-focus-border-color: color-primary-focus,
  button-outline-primary-focus-text-color: text-primary-focus-color,
  button-outline-primary-hover-background-color: color-primary-transparent-100,
  button-outline-primary-hover-border-color: color-primary-hover,
  button-outline-primary-hover-text-color: text-primary-hover-color,
  button-outline-primary-active-background-color: color-primary-transparent-200,
  button-outline-primary-active-border-color: color-primary-active,
  button-outline-primary-active-text-color: text-primary-active-color,
  button-outline-primary-disabled-background-color: color-basic-transparent-200,
  button-outline-primary-disabled-border-color: color-basic-transparent-100,
  button-outline-primary-disabled-text-color: text-disabled-color,

  button-outline-success-border-color: color-success-default,
  button-outline-success-text-color: text-success-color,
  button-outline-success-focus-background-color: color-success-transparent-200,
  button-outline-success-focus-border-color: color-success-focus,
  button-outline-success-focus-text-color: text-success-focus-color,
  button-outline-success-hover-background-color: color-success-transparent-100,
  button-outline-success-hover-border-color: color-success-hover,
  button-outline-success-hover-text-color: text-success-hover-color,
  button-outline-success-active-background-color: color-success-transparent-200,
  button-outline-success-active-border-color: color-success-active,
  button-outline-success-active-text-color: text-success-active-color,
  button-outline-success-disabled-background-color: color-basic-transparent-200,
  button-outline-success-disabled-border-color: color-basic-transparent-100,
  button-outline-success-disabled-text-color: text-disabled-color,

  button-outline-info-border-color: color-info-default,
  button-outline-info-text-color: text-info-color,
  button-outline-info-focus-background-color: color-info-transparent-200,
  button-outline-info-focus-border-color: color-info-focus,
  button-outline-info-focus-text-color: text-info-focus-color,
  button-outline-info-hover-background-color: color-info-transparent-100,
  button-outline-info-hover-border-color: color-info-hover,
  button-outline-info-hover-text-color: text-info-hover-color,
  button-outline-info-active-background-color: color-info-transparent-200,
  button-outline-info-active-border-color: color-info-active,
  button-outline-info-active-text-color: text-info-active-color,
  button-outline-info-disabled-background-color: color-basic-transparent-200,
  button-outline-info-disabled-border-color: color-basic-transparent-100,
  button-outline-info-disabled-text-color: text-disabled-color,

  button-outline-warning-border-color: color-warning-default,
  button-outline-warning-text-color: text-warning-color,
  button-outline-warning-focus-background-color: color-warning-transparent-200,
  button-outline-warning-focus-border-color: color-warning-focus,
  button-outline-warning-focus-text-color: text-warning-focus-color,
  button-outline-warning-hover-background-color: color-warning-transparent-100,
  button-outline-warning-hover-border-color: color-warning-hover,
  button-outline-warning-hover-text-color: text-warning-hover-color,
  button-outline-warning-active-background-color: color-warning-transparent-200,
  button-outline-warning-active-border-color: color-warning-active,
  button-outline-warning-active-text-color: text-warning-active-color,
  button-outline-warning-disabled-background-color: color-basic-transparent-200,
  button-outline-warning-disabled-border-color: color-basic-transparent-100,
  button-outline-warning-disabled-text-color: text-disabled-color,

  button-outline-danger-border-color: color-danger-default,
  button-outline-danger-text-color: text-danger-color,
  button-outline-danger-focus-background-color: color-danger-transparent-200,
  button-outline-danger-focus-border-color: color-danger-focus,
  button-outline-danger-focus-text-color: text-danger-focus-color,
  button-outline-danger-hover-background-color: color-danger-transparent-100,
  button-outline-danger-hover-border-color: color-danger-hover,
  button-outline-danger-hover-text-color: text-danger-hover-color,
  button-outline-danger-active-background-color: color-danger-transparent-200,
  button-outline-danger-active-border-color: color-danger-active,
  button-outline-danger-active-text-color: text-danger-active-color,
  button-outline-danger-disabled-background-color: color-basic-transparent-200,
  button-outline-danger-disabled-border-color: color-basic-transparent-100,
  button-outline-danger-disabled-text-color: text-disabled-color,

  button-ghost-background-color: transparent,
  button-ghost-border-color: transparent,
  button-ghost-border-style: solid,
  button-ghost-border-width: 0.0625rem,
  button-ghost-text-transform: uppercase,

  button-ghost-tiny-padding: 0.3125rem 0.625rem,
  button-ghost-small-padding: 0.4375rem 0.875rem,
  button-ghost-medium-padding: 0.6875rem 1.125rem,
  button-ghost-large-padding: 0.8125rem 1.125rem,
  button-ghost-giant-padding: 0.9375rem 1.375rem,

  button-ghost-primary-text-color: text-primary-color,
  button-ghost-primary-focus-background-color: border-basic-color-4,
  button-ghost-primary-focus-border-color: border-basic-color-4,
  button-ghost-primary-focus-text-color: text-primary-focus-color,
  button-ghost-primary-hover-background-color: border-basic-color-2,
  button-ghost-primary-hover-border-color: border-basic-color-2,
  button-ghost-primary-hover-text-color: text-primary-hover-color,
  button-ghost-primary-active-background-color: border-basic-color-3,
  button-ghost-primary-active-border-color: border-basic-color-3,
  button-ghost-primary-active-text-color: text-primary-active-color,
  button-ghost-primary-disabled-background-color: color-basic-transparent-100,
  button-ghost-primary-disabled-border-color: transparent,
  button-ghost-primary-disabled-text-color: text-disabled-color,

  button-ghost-success-text-color: text-success-color,
  button-ghost-success-focus-background-color: border-basic-color-4,
  button-ghost-success-focus-border-color: border-basic-color-4,
  button-ghost-success-focus-text-color: text-success-focus-color,
  button-ghost-success-hover-background-color: border-basic-color-2,
  button-ghost-success-hover-border-color: border-basic-color-2,
  button-ghost-success-hover-text-color: text-success-hover-color,
  button-ghost-success-active-background-color: border-basic-color-3,
  button-ghost-success-active-border-color: border-basic-color-3,
  button-ghost-success-active-text-color: text-success-active-color,
  button-ghost-success-disabled-background-color: color-basic-transparent-100,
  button-ghost-success-disabled-border-color: transparent,
  button-ghost-success-disabled-text-color: text-disabled-color,

  button-ghost-info-text-color: text-info-color,
  button-ghost-info-focus-background-color: border-basic-color-4,
  button-ghost-info-focus-border-color: border-basic-color-4,
  button-ghost-info-focus-text-color: text-info-focus-color,
  button-ghost-info-hover-background-color: border-basic-color-2,
  button-ghost-info-hover-border-color: border-basic-color-2,
  button-ghost-info-hover-text-color: text-info-hover-color,
  button-ghost-info-active-background-color: border-basic-color-3,
  button-ghost-info-active-border-color: border-basic-color-3,
  button-ghost-info-active-text-color: text-info-active-color,
  button-ghost-info-disabled-background-color: color-basic-transparent-100,
  button-ghost-info-disabled-border-color: transparent,
  button-ghost-info-disabled-text-color: text-disabled-color,

  button-ghost-warning-text-color: text-warning-color,
  button-ghost-warning-focus-background-color: border-basic-color-4,
  button-ghost-warning-focus-border-color: border-basic-color-4,
  button-ghost-warning-focus-text-color: text-warning-focus-color,
  button-ghost-warning-hover-background-color: border-basic-color-2,
  button-ghost-warning-hover-border-color: border-basic-color-2,
  button-ghost-warning-hover-text-color: text-warning-hover-color,
  button-ghost-warning-active-background-color: border-basic-color-3,
  button-ghost-warning-active-border-color: border-basic-color-3,
  button-ghost-warning-active-text-color: text-warning-active-color,
  button-ghost-warning-disabled-background-color: color-basic-transparent-100,
  button-ghost-warning-disabled-border-color: transparent,
  button-ghost-warning-disabled-text-color: text-disabled-color,

  button-ghost-danger-text-color: text-danger-color,
  button-ghost-danger-focus-background-color: border-basic-color-4,
  button-ghost-danger-focus-border-color: border-basic-color-4,
  button-ghost-danger-focus-text-color: text-danger-focus-color,
  button-ghost-danger-hover-background-color: border-basic-color-2,
  button-ghost-danger-hover-border-color: border-basic-color-2,
  button-ghost-danger-hover-text-color: text-danger-hover-color,
  button-ghost-danger-active-background-color: border-basic-color-3,
  button-ghost-danger-active-border-color: border-basic-color-3,
  button-ghost-danger-active-text-color: text-danger-active-color,
  button-ghost-danger-disabled-background-color: color-basic-transparent-100,
  button-ghost-danger-disabled-border-color: transparent,
  button-ghost-danger-disabled-text-color: text-disabled-color,

  button-hero-border-color: transparent,
  button-hero-border-style: solid,
  button-hero-border-width: 0,
  button-hero-text-transform: uppercase,

  button-hero-tiny-padding: 0.375rem 0.75rem,
  button-hero-small-padding: 0.5rem 1rem,
  button-hero-medium-padding: 0.75rem 1.25rem,
  button-hero-large-padding: 0.875rem 1.25rem,
  button-hero-giant-padding: 1rem 1.5rem,

  button-hero-shadow: 0 0 transparent,
  button-hero-text-shadow: shadow,
  button-hero-bevel-size: 0 0 0 0,
  button-hero-glow-size: 0 0 0 0,
  button-hero-outline-color: outline-color,
  button-hero-outline-width: outline-width,

  button-hero-primary-text-color: text-control-color,
  button-hero-primary-bevel-color: color-primary-600,
  button-hero-primary-glow-color: color-primary-700,
  button-hero-primary-left-background-color: color-primary-400,
  button-hero-primary-right-background-color: color-primary-default,
  button-hero-primary-focus-left-background-color: color-primary-600,
  button-hero-primary-focus-right-background-color: color-primary-700,
  button-hero-primary-hover-left-background-color: color-primary-300,
  button-hero-primary-hover-right-background-color: color-primary-400,
  button-hero-primary-active-left-background-color: color-primary-default,
  button-hero-primary-active-right-background-color: color-primary-600,
  button-hero-primary-disabled-background-color: background-basic-color-3,
  button-hero-primary-disabled-text-color: text-disabled-color,

  button-hero-success-text-color: text-control-color,
  button-hero-success-bevel-color: color-success-600,
  button-hero-success-glow-color: color-success-700,
  button-hero-success-left-background-color: color-success-400,
  button-hero-success-right-background-color: color-success-default,
  button-hero-success-focus-left-background-color: color-success-600,
  button-hero-success-focus-right-background-color: color-success-700,
  button-hero-success-hover-left-background-color: color-success-300,
  button-hero-success-hover-right-background-color: color-success-400,
  button-hero-success-active-left-background-color: color-success-default,
  button-hero-success-active-right-background-color: color-success-600,
  button-hero-success-disabled-background-color: background-basic-color-3,
  button-hero-success-disabled-text-color: text-disabled-color,

  button-hero-info-text-color: text-control-color,
  button-hero-info-bevel-color: color-info-600,
  button-hero-info-glow-color: color-info-700,
  button-hero-info-left-background-color: color-info-400,
  button-hero-info-right-background-color: color-info-default,
  button-hero-info-focus-left-background-color: color-info-600,
  button-hero-info-focus-right-background-color: color-info-700,
  button-hero-info-hover-left-background-color: color-info-300,
  button-hero-info-hover-right-background-color: color-info-400,
  button-hero-info-active-left-background-color: color-info-default,
  button-hero-info-active-right-background-color: color-info-600,
  button-hero-info-disabled-background-color: background-basic-color-3,
  button-hero-info-disabled-text-color: text-disabled-color,

  button-hero-warning-text-color: text-control-color,
  button-hero-warning-bevel-color: color-warning-600,
  button-hero-warning-glow-color: color-warning-700,
  button-hero-warning-left-background-color: color-warning-400,
  button-hero-warning-right-background-color: color-warning-default,
  button-hero-warning-focus-left-background-color: color-warning-600,
  button-hero-warning-focus-right-background-color: color-warning-700,
  button-hero-warning-hover-left-background-color: color-warning-300,
  button-hero-warning-hover-right-background-color: color-warning-400,
  button-hero-warning-active-left-background-color: color-warning-default,
  button-hero-warning-active-right-background-color: color-warning-600,
  button-hero-warning-disabled-background-color: background-basic-color-3,
  button-hero-warning-disabled-text-color: text-disabled-color,

  button-hero-danger-text-color: text-control-color,
  button-hero-danger-bevel-color: color-danger-600,
  button-hero-danger-glow-color: color-danger-700,
  button-hero-danger-left-background-color: color-danger-400,
  button-hero-danger-right-background-color: color-danger-default,
  button-hero-danger-focus-left-background-color: color-danger-600,
  button-hero-danger-focus-right-background-color: color-danger-700,
  button-hero-danger-hover-left-background-color: color-danger-300,
  button-hero-danger-hover-right-background-color: color-danger-400,
  button-hero-danger-active-left-background-color: color-danger-default,
  button-hero-danger-active-right-background-color: color-danger-600,
  button-hero-danger-disabled-background-color: background-basic-color-3,
  button-hero-danger-disabled-text-color: text-disabled-color,

  input-background-color: background-basic-color-2,
  input-border-style: solid,
  input-border-width: 1px,
  input-outline-color: outline-color,
  input-outline-width: outline-width,
  input-placeholder-text-color: text-hint-color,
  input-placeholder-text-font-family: text-paragraph-font-family,
  input-text-color: text-basic-color,
  input-text-font-family: text-subtitle-font-family,

  input-border-color: border-basic-color-3,
  input-focus-border-color: color-primary-focus,
  input-hover-border-color: color-primary-hover,

  input-disabled-border-color: border-basic-color-3,
  input-disabled-background-color: background-basic-color-2,
  input-disabled-text-color: text-disabled-color,
  input-disabled-placeholder-text-color: text-disabled-color,

  input-primary-border-color: color-primary-default,
  input-primary-focus-border-color: color-primary-focus,
  input-primary-hover-border-color: color-primary-hover,

  input-success-border-color: color-success-default,
  input-success-focus-border-color: color-success-focus,
  input-success-hover-border-color: color-success-hover,

  input-info-border-color: color-info-default,
  input-info-focus-border-color: color-info-focus,
  input-info-hover-border-color: color-info-hover,

  input-warning-border-color: color-warning-default,
  input-warning-focus-border-color: color-warning-focus,
  input-warning-hover-border-color: color-warning-hover,

  input-danger-border-color: color-danger-default,
  input-danger-focus-border-color: color-danger-focus,
  input-danger-hover-border-color: color-danger-hover,

  input-rectangle-border-radius: border-radius,
  input-semi-round-border-radius: 0.75rem,
  input-round-border-radius: 1.5rem,

  input-tiny-text-font-size: text-caption-2-font-size,
  input-tiny-text-font-weight: text-caption-2-font-weight,
  input-tiny-text-line-height: text-caption-2-line-height,
  input-tiny-placeholder-text-font-size: text-paragraph-font-size,
  input-tiny-placeholder-text-font-weight: text-paragraph-font-weight,
  input-tiny-placeholder-text-line-height: text-paragraph-line-height,
  input-tiny-padding: 0.1875rem 1.125rem,
  input-tiny-max-width: 20rem,

  input-small-text-font-size: text-subtitle-2-font-size,
  input-small-text-font-weight: text-subtitle-2-font-weight,
  input-small-text-line-height: text-subtitle-2-line-height,
  input-small-placeholder-text-font-size: text-paragraph-font-size,
  input-small-placeholder-text-font-weight: text-paragraph-font-weight,
  input-small-placeholder-text-line-height: text-paragraph-line-height,
  input-small-padding: 0.1875rem 1.125rem,
  input-small-max-width: 20rem,

  input-medium-text-font-size: text-subtitle-font-size,
  input-medium-text-font-weight: text-subtitle-font-weight,
  input-medium-text-line-height: text-subtitle-line-height,
  input-medium-placeholder-text-font-size: text-paragraph-font-size,
  input-medium-placeholder-text-font-weight: text-paragraph-font-weight,
  input-medium-placeholder-text-line-height: text-paragraph-line-height,
  input-medium-padding: 0.4375rem 1.125rem,
  input-medium-max-width: 20rem,

  input-large-text-font-size: text-subtitle-font-size,
  input-large-text-font-weight: text-subtitle-font-weight,
  input-large-text-line-height: text-subtitle-line-height,
  input-large-placeholder-text-font-size: text-paragraph-font-size,
  input-large-placeholder-text-font-weight: text-paragraph-font-weight,
  input-large-placeholder-text-line-height: text-paragraph-line-height,
  input-large-padding: 0.6875rem 1.125rem,
  input-large-max-width: 30rem,

  input-giant-text-font-size: text-heading-6-font-size,
  input-giant-text-font-weight: text-heading-6-font-weight,
  input-giant-text-line-height: text-heading-6-line-height,
  input-giant-placeholder-text-font-size: text-paragraph-font-size,
  input-giant-placeholder-text-font-weight: text-paragraph-font-weight,
  input-giant-placeholder-text-line-height: text-paragraph-line-height,
  input-giant-padding: 0.9375rem 1.125rem,
  input-giant-max-width: 30rem,

  checkbox-height: 1.125rem,
  checkbox-width: 1.125rem,
  checkbox-background-color: color-basic-transparent-200,
  checkbox-border-color: border-basic-color-5,
  checkbox-border-style: solid,
  checkbox-border-width: 1px,
  checkbox-border-radius: 3px,
  checkbox-outline-width: outline-width,
  checkbox-outline-color: outline-color,
  checkbox-text-color: text-basic-color,
  checkbox-text-font-family: text-subtitle-2-font-family,
  checkbox-text-font-size: text-subtitle-2-font-size,
  checkbox-text-font-weight: text-subtitle-2-font-weight,
  checkbox-text-line-height: text-subtitle-2-line-height,
  checkbox-text-space: 0.6875rem,
  checkbox-padding: 0,

  checkbox-focus-background-color: color-basic-transparent-500,
  checkbox-focus-border-color: color-basic-focus,
  checkbox-hover-background-color: color-primary-transparent-200,
  checkbox-hover-border-color: color-primary-default,
  checkbox-active-background-color: color-basic-transparent-500,
  checkbox-active-border-color: color-basic-focus,
  checkbox-disabled-background-color: color-basic-transparent-100,
  checkbox-disabled-border-color: color-basic-transparent-300,
  checkbox-disabled-checkmark-color: background-basic-color-1,
  checkbox-disabled-text-color: text-disabled-color,
  checkbox-disabled-checked-background-color: color-basic-transparent-600,

  checkbox-primary-background-color: color-primary-transparent-200,
  checkbox-primary-border-color: color-primary-default,
  checkbox-primary-checked-background-color: color-primary-default,
  checkbox-primary-checked-border-color: color-primary-default,
  checkbox-primary-checked-checkmark-color: text-control-color,
  checkbox-primary-indeterminate-background-color: color-primary-default,
  checkbox-primary-indeterminate-border-color: color-primary-default,
  checkbox-primary-indeterminate-checkmark-color: text-control-color,
  checkbox-primary-focus-background-color: color-primary-transparent-500,
  checkbox-primary-focus-border-color: color-primary-700,
  checkbox-primary-focus-checked-background-color: color-primary-default,
  checkbox-primary-focus-checked-border-color: color-primary-700,
  checkbox-primary-hover-background-color: color-primary-transparent-200,
  checkbox-primary-hover-border-color: color-primary-default,
  checkbox-primary-hover-checked-background-color: color-primary-hover,
  checkbox-primary-hover-checked-border-color: color-primary-hover,
  checkbox-primary-active-background-color: color-primary-transparent-500,
  checkbox-primary-active-border-color: checkbox-primary-700,
  checkbox-primary-active-checked-background-color: color-primary-default,
  checkbox-primary-active-checked-border-color: color-primary-700,

  checkbox-success-background-color: color-success-transparent-200,
  checkbox-success-border-color: color-success-default,
  checkbox-success-checked-background-color: color-success-default,
  checkbox-success-checked-border-color: color-success-default,
  checkbox-success-checked-checkmark-color: text-control-color,
  checkbox-success-indeterminate-background-color: color-success-default,
  checkbox-success-indeterminate-border-color: color-success-default,
  checkbox-success-indeterminate-checkmark-color: text-control-color,
  checkbox-success-focus-background-color: color-success-transparent-500,
  checkbox-success-focus-border-color: color-success-700,
  checkbox-success-focus-checked-background-color: color-success-default,
  checkbox-success-focus-checked-border-color: color-success-700,
  checkbox-success-hover-background-color: color-success-transparent-200,
  checkbox-success-hover-border-color: color-success-default,
  checkbox-success-hover-checked-background-color: color-success-hover,
  checkbox-success-hover-checked-border-color: color-success-hover,
  checkbox-success-active-background-color: color-success-transparent-500,
  checkbox-success-active-border-color: checkbox-success-700,
  checkbox-success-active-checked-background-color: color-success-default,
  checkbox-success-active-checked-border-color: color-success-700,

  checkbox-info-background-color: color-info-transparent-200,
  checkbox-info-border-color: color-info-default,
  checkbox-info-checked-background-color: color-info-default,
  checkbox-info-checked-border-color: color-info-default,
  checkbox-info-checked-checkmark-color: text-control-color,
  checkbox-info-indeterminate-background-color: color-info-default,
  checkbox-info-indeterminate-border-color: color-info-default,
  checkbox-info-indeterminate-checkmark-color: text-control-color,
  checkbox-info-focus-background-color: color-info-transparent-500,
  checkbox-info-focus-border-color: color-info-700,
  checkbox-info-focus-checked-background-color: color-info-default,
  checkbox-info-focus-checked-border-color: color-info-700,
  checkbox-info-hover-background-color: color-info-transparent-200,
  checkbox-info-hover-border-color: color-info-default,
  checkbox-info-hover-checked-background-color: color-info-hover,
  checkbox-info-hover-checked-border-color: color-info-hover,
  checkbox-info-active-background-color: color-info-transparent-500,
  checkbox-info-active-border-color: checkbox-info-700,
  checkbox-info-active-checked-background-color: color-info-default,
  checkbox-info-active-checked-border-color: color-info-700,

  checkbox-warning-background-color: color-warning-transparent-200,
  checkbox-warning-border-color: color-warning-default,
  checkbox-warning-checked-background-color: color-warning-default,
  checkbox-warning-checked-border-color: color-warning-default,
  checkbox-warning-checked-checkmark-color: text-control-color,
  checkbox-warning-indeterminate-background-color: color-warning-default,
  checkbox-warning-indeterminate-border-color: color-warning-default,
  checkbox-warning-indeterminate-checkmark-color: text-control-color,
  checkbox-warning-focus-background-color: color-warning-transparent-500,
  checkbox-warning-focus-border-color: color-warning-700,
  checkbox-warning-focus-checked-background-color: color-warning-default,
  checkbox-warning-focus-checked-border-color: color-warning-700,
  checkbox-warning-hover-background-color: color-warning-transparent-200,
  checkbox-warning-hover-border-color: color-warning-default,
  checkbox-warning-hover-checked-background-color: color-warning-hover,
  checkbox-warning-hover-checked-border-color: color-warning-hover,
  checkbox-warning-active-background-color: color-warning-transparent-500,
  checkbox-warning-active-border-color: checkbox-warning-700,
  checkbox-warning-active-checked-background-color: color-warning-default,
  checkbox-warning-active-checked-border-color: color-warning-700,

  checkbox-danger-background-color: color-danger-transparent-200,
  checkbox-danger-border-color: color-danger-default,
  checkbox-danger-checked-background-color: color-danger-default,
  checkbox-danger-checked-border-color: color-danger-default,
  checkbox-danger-checked-checkmark-color: text-control-color,
  checkbox-danger-indeterminate-background-color: color-danger-default,
  checkbox-danger-indeterminate-border-color: color-danger-default,
  checkbox-danger-indeterminate-checkmark-color: text-control-color,
  checkbox-danger-focus-background-color: color-danger-transparent-500,
  checkbox-danger-focus-border-color: color-danger-700,
  checkbox-danger-focus-checked-background-color: color-danger-default,
  checkbox-danger-focus-checked-border-color: color-danger-700,
  checkbox-danger-hover-background-color: color-danger-transparent-200,
  checkbox-danger-hover-border-color: color-danger-default,
  checkbox-danger-hover-checked-background-color: color-danger-hover,
  checkbox-danger-hover-checked-border-color: color-danger-hover,
  checkbox-danger-active-background-color: color-danger-transparent-500,
  checkbox-danger-active-border-color: checkbox-danger-700,
  checkbox-danger-active-checked-background-color: color-danger-default,
  checkbox-danger-active-checked-border-color: color-danger-700,

  badge-border-radius: border-radius,
  badge-text-font-family: text-button-font-family,
  badge-text-font-size: text-button-tiny-font-size,
  badge-text-font-weight: text-button-font-weight,
  badge-text-line-height: text-button-tiny-line-height,
  badge-padding: 0.25rem 0.4rem,

  badge-primary-background-color: color-primary-default,
  badge-primary-text-color: text-control-color,
  badge-success-background-color: color-success-default,
  badge-success-text-color: text-control-color,
  badge-info-background-color: color-info-default,
  badge-info-text-color: text-control-color,
  badge-warning-background-color: color-warning-default,
  badge-warning-text-color: text-control-color,
  badge-danger-background-color: color-danger-default,
  badge-danger-text-color: text-control-color,

  progress-bar-animation-duration: 400ms,
  progress-bar-border-radius: border-radius,
  progress-bar-text-font-family: text-subtitle-font-family,

  progress-bar-tiny-height: 1rem,
  progress-bar-tiny-text-font-size: text-subtitle-2-font-size,
  progress-bar-tiny-text-font-weight: text-subtitle-2-font-weight,
  progress-bar-tiny-text-line-height: text-subtitle-2-line-height,
  progress-bar-small-height: 1.25rem,
  progress-bar-small-text-font-size: text-subtitle-2-font-size,
  progress-bar-small-text-font-weight: text-subtitle-2-font-weight,
  progress-bar-small-text-line-height: text-subtitle-2-line-height,
  progress-bar-medium-height: 1.375rem,
  progress-bar-medium-text-font-size: text-subtitle-font-size,
  progress-bar-medium-text-font-weight: text-subtitle-font-weight,
  progress-bar-medium-text-line-height: text-subtitle-line-height,
  progress-bar-large-height: 1.5rem,
  progress-bar-large-text-font-size: text-subtitle-font-size,
  progress-bar-large-text-font-weight: text-subtitle-font-weight,
  progress-bar-large-text-line-height: text-subtitle-line-height,
  progress-bar-giant-height: 1.75rem,
  progress-bar-giant-text-font-size: text-subtitle-font-size,
  progress-bar-giant-text-font-weight: text-subtitle-font-weight,
  progress-bar-giant-text-line-height: text-subtitle-line-height,

  progress-bar-primary-background-color: background-basic-color-3,
  progress-bar-primary-filled-background-color: color-primary-default,
  progress-bar-primary-text-color: text-control-color,
  progress-bar-success-background-color: background-basic-color-3,
  progress-bar-success-filled-background-color: color-success-default,
  progress-bar-success-text-color: text-control-color,
  progress-bar-info-background-color: background-basic-color-3,
  progress-bar-info-filled-background-color: color-info-default,
  progress-bar-info-text-color: text-control-color,
  progress-bar-warning-background-color: background-basic-color-3,
  progress-bar-warning-filled-background-color: color-warning-default,
  progress-bar-warning-text-color: text-control-color,
  progress-bar-danger-background-color: background-basic-color-3,
  progress-bar-danger-filled-background-color: color-danger-default,
  progress-bar-danger-text-color: text-control-color,

  alert-background-color: background-basic-color-2,
  alert-border-radius: border-radius,
  alert-bottom-margin: 1.5rem,
  alert-padding: 1rem 1.125rem,
  alert-scrollbar-color: scrollbar-color,
  alert-scrollbar-background-color: scrollbar-background-color,
  alert-scrollbar-width: scrollbar-width,
  alert-shadow: none,
  alert-text-color: text-basic-color,
  alert-text-font-family: text-paragraph-font-family,
  alert-text-font-size: text-subtitle-font-size,
  alert-text-font-weight: text-subtitle-font-weight,
  alert-text-line-height: text-subtitle-line-height,

  alert-closable-start-padding: 3rem,

  alert-tiny-height: 4.5rem,
  alert-small-height: 5.75rem,
  alert-medium-height: 7rem,
  alert-medium-padding: 1rem 1.125rem,
  alert-large-height: 8.25rem,
  alert-giant-height: 9.5rem,

  alert-primary-background-color: color-primary-default,
  alert-primary-text-color: text-control-color,
  alert-success-background-color: color-success-default,
  alert-success-text-color: text-control-color,
  alert-info-background-color: color-info-default,
  alert-info-text-color: text-control-color,
  alert-warning-background-color: color-warning-default,
  alert-warning-text-color: text-control-color,
  alert-danger-background-color: color-danger-default,
  alert-danger-text-color: text-control-color,

  alert-accent-primary-color: color-primary-default,
  alert-accent-info-color: color-info-default,
  alert-accent-success-color: color-success-default,
  alert-accent-warning-color: color-warning-default,
  alert-accent-danger-color: color-danger-default,

  alert-outline-width: 1px,
  alert-outline-primary-color: color-primary-default,
  alert-outline-info-color: color-info-default,
  alert-outline-success-color: color-success-default,
  alert-outline-warning-color: color-warning-default,
  alert-outline-danger-color: color-danger-default,

  chat-background-color: background-basic-color-1,
  chat-border: none,
  chat-border-radius: border-radius,
  chat-shadow: shadow,
  chat-padding: 1rem 1.25rem,
  chart-scrollbar-color: scrollbar-color,
  chart-scrollbar-background-color: scrollbar-background-color,
  chart-scrollbar-width: scrollbar-width,

  chat-text-color: text-basic-color,
  chat-text-font-family: text-paragraph-font-family,
  chat-text-font-size: text-paragraph-font-size,
  chat-text-font-weight: text-paragraph-font-weight,
  chat-text-line-height: text-paragraph-line-height,

  chat-header-text-color: text-basic-color,
  chat-header-text-font-family: text-subtitle-font-family,
  chat-header-text-font-size: text-subtitle-font-size,
  chat-header-text-font-weight: text-subtitle-font-weight,
  chat-header-text-line-height: text-subtitle-line-height,

  chat-tiny-height: 13.5rem,
  chat-small-height: 21rem,
  chat-medium-height: 28.5rem,
  chat-large-height: 36rem,
  chat-giant-height: 43.5rem,

  chat-primary-background-color: color-primary-default,
  chat-primary-text-color: text-control-color,
  chat-success-background-color: color-success-default,
  chat-success-text-color: text-control-color,
  chat-info-background-color: color-info-default,
  chat-info-text-color: text-control-color,
  chat-warning-background-color: color-warning-default,
  chat-warning-text-color: text-control-color,
  chat-danger-background-color: color-danger-default,
  chat-danger-text-color: text-control-color,

  chat-divider-color: divider-color,
  chat-divider-style: divider-style,
  chat-divider-width: divider-width,

  chat-message-background: color-primary-default,
  chat-message-text-color: text-control-color,
  chat-message-reply-background-color: background-basic-color-2,
  chat-message-reply-text-color: text-basic-color,
  chat-message-avatar-background-color: color-basic-500,
  chat-message-sender-text-color: text-hint-color,
  chat-message-quote-background-color: background-basic-color-2,
  chat-message-quote-text-color: text-hint-color,
  chat-message-file-text-color: text-hint-color,
  chat-message-file-background-color: transparent,

  spinner-background-color: rgba(237, 240, 245, 0.5), // color-basic-200 with 0.5 opacity
  spinner-circle-filled-color: background-basic-color-1,
  spinner-circle-empty-color: transparent,
  spinner-text-color: text-basic-color,
  spinner-text-font-family: text-paragraph-font-family,
  spinner-text-font-size: text-paragraph-font-size,
  spinner-text-font-weight: text-paragraph-font-weight,
  spinner-text-line-height: text-paragraph-line-height,

  spinner-primary-circle-filled-color: color-primary-default,
  spinner-primary-circle-empty-color: transparent,
  spinner-info-circle-filled-color: color-info-default,
  spinner-info-circle-empty-color: transparent,
  spinner-success-circle-filled-color: color-success-default,
  spinner-success-circle-empty-color: transparent,
  spinner-warning-circle-filled-color: color-warning-default,
  spinner-warning-circle-empty-color: transparent,
  spinner-danger-circle-filled-color: color-danger-default,
  spinner-danger-circle-empty-color: transparent,

  spinner-height-tiny: 1.5rem,
  spinner-height-small: 1.75rem,
  spinner-height-medium: 2rem,
  spinner-height-large: 2.25rem,
  spinner-height-giant: 2.5rem,

  stepper-step-text-color: text-hint-color,
  stepper-step-text-font-family: text-paragraph-font-family,
  stepper-step-text-font-size: text-paragraph-font-size,
  stepper-step-text-font-weight: text-paragraph-font-weight,
  stepper-step-text-line-height: text-paragraph-line-height,
  stepper-step-active-text-color: text-primary-active-color,
  stepper-step-completed-text-color: text-primary-color,

  stepper-step-index-border-color: border-basic-color-4,
  stepper-step-index-border-style: solid,
  stepper-step-index-border-width: 1px,
  stepper-step-index-border-radius: 50%,
  stepper-step-index-width: 2rem,
  stepper-step-index-active-border-color: color-primary-active,
  stepper-step-index-completed-background-color: color-primary-default,
  stepper-step-index-completed-border-color: color-primary-default,
  stepper-step-index-completed-text-color: text-control-color,

  stepper-connector-background-color: background-basic-color-3,
  stepper-connector-completed-background-color: color-primary-default,
  stepper-horizontal-connector-margin: 1rem,
  stepper-vertical-connector-margin: 1rem,

  stepper-step-content-padding: 1.25rem,

  accordion-border-radius: border-radius,
  accordion-padding: 1.25rem,
  accordion-shadow: shadow,
  accordion-header-text-color: text-basic-color,
  accordion-header-text-font-family: text-subtitle-font-family,
  accordion-header-text-font-size: text-subtitle-font-size,
  accordion-header-text-font-weight: text-subtitle-font-weight,
  accordion-header-text-line-height: text-subtitle-line-height,
  accordion-header-disabled-text-color: text-disabled-color,
  accordion-header-border-color: border-basic-color-3,
  accordion-header-border-style: solid,
  accordion-header-border-width: 1px,
  accordion-item-background-color: background-basic-color-1,
  accordion-item-text-color: text-basic-color,
  accordion-item-text-font-family: text-paragraph-font-family,
  accordion-item-text-font-size: text-paragraph-font-size,
  accordion-item-text-font-weight: text-paragraph-font-weight,
  accordion-item-text-line-height: text-paragraph-line-height,

  list-item-divider-color: divider-color,
  list-item-divider-style: divider-style,
  list-item-divider-width: divider-width,
  list-item-padding: 1rem,
  list-item-text-color: text-basic-color,
  list-item-font-family: text-paragraph-font-family,
  list-item-font-size: text-paragraph-font-size,
  list-item-font-weight: text-paragraph-font-weight,
  list-item-line-height: text-paragraph-line-height,

  calendar-width: 19.25rem,
  calendar-body-height: 25.625rem,
  calendar-border-radius: border-radius,
  calendar-text-color: text-basic-color,
  calendar-text-font-family: text-paragraph-font-family,
  calendar-text-font-size: text-paragraph-font-size,
  calendar-text-font-weight: text-paragraph-font-weight,
  calendar-text-line-height: text-paragraph-line-height,

  calendar-header-text-color: text-basic-color,
  calendar-header-text-font-family: text-heading-6-font-family,
  calendar-header-title-text-font-size: text-heading-6-font-size,
  calendar-header-title-text-font-weight: text-heading-6-font-weight,
  calendar-header-title-text-line-height: text-heading-6-line-height,
  calendar-header-sub-title-text-font-size: text-paragraph-2-line-height,
  calendar-header-sub-title-text-font-weight: text-paragraph-2-font-weight,
  calendar-header-sub-title-text-line-height: text-paragraph-2-line-height,

  calendar-navigation-button-width: 10rem,

  calendar-cell-inactive-text-color: text-disabled-color,
  calendar-cell-in-range-background-color: color-primary-200,
  calendar-cell-disabled-background-color: background-basic-color-3,
  calendar-cell-disabled-text-color: text-disabled-color,
  calendar-cell-selected-background-color: color-primary-default,
  calendar-cell-selected-text-color: text-control-color,
  calendar-cell-selected-text-font-size: text-subtitle-font-size,
  calendar-cell-selected-text-font-weight: text-subtitle-font-weight,
  calendar-cell-selected-text-line-height: text-subtitle-line-height,
  calendar-cell-hover-background-color: color-primary-hover,
  calendar-cell-hover-text-color: text-control-color,
  calendar-cell-hover-text-font-size: text-subtitle-font-size,
  calendar-cell-hover-text-font-weight: text-subtitle-font-weight,
  calendar-cell-hover-text-line-height: text-subtitle-line-height,
  calendar-cell-active-background-color: color-primary-active,
  calendar-cell-active-text-color: text-primary-active-color,
  calendar-cell-active-text-font-size: text-subtitle-font-size,
  calendar-cell-active-text-font-weight: text-subtitle-font-weight,
  calendar-cell-active-text-line-height: text-subtitle-line-height,
  calendar-cell-today-background-color: background-basic-color-3,
  calendar-cell-today-text-color: text-basic-color,
  calendar-cell-today-text-font-size: text-subtitle-font-size,
  calendar-cell-today-text-font-weight: text-subtitle-font-weight,
  calendar-cell-today-text-line-height: text-subtitle-line-height,

  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-weekday-background: background-basic-color-2,
  calendar-weekday-divider-color: divider-color,
  calendar-weekday-text-color: text-hint-color,
  calendar-weekday-text-font-size: text-button-small-font-size,
  calendar-weekday-text-font-weight: text-button-font-weight,
  calendar-weekday-text-line-height: text-button-small-line-height,
  calendar-weekday-holiday-text-color: calendar-weekday-text-color,
  calendar-weekday-height: calendar-day-cell-height,
  calendar-weekday-width: calendar-day-cell-width,

  calendar-weeknumber-background: background-basic-color-2,
  calendar-weeknumber-divider-color: divider-color,
  calendar-weeknumber-divider-width: divider-width,
  calendar-weeknumber-text-color: text-basic-color,
  calendar-weeknumber-text-font-size: text-button-small-font-size,
  calendar-weeknumber-text-font-weight: text-button-font-weight,
  calendar-weeknumber-text-line-height: text-button-small-line-height,
  calendar-weeknumber-height: calendar-weekday-height,
  calendar-weeknumber-width: calendar-weekday-width,

  calendar-large-width: 21.875rem,
  calendar-large-body-height: 27.75rem,
  calendar-day-cell-large-width: 3rem,
  calendar-day-cell-large-height: 3rem,
  calendar-weekday-large-height: calendar-day-cell-large-width,
  calendar-weekday-large-width: calendar-day-cell-large-height,
  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-background-color: rgba(0, 0, 0, 0.288),

  tooltip-background-color: background-alternative-color-3,
  tooltip-border-color: transparent,
  tooltip-border-style: dashed,
  tooltip-border-width: 0,
  tooltip-border-radius: border-radius,
  tooltip-padding: 0.5rem 1rem,
  tooltip-text-color: text-alternate-color,
  tooltip-text-font-family: text-caption-2-font-family,
  tooltip-text-font-size: text-caption-2-font-size,
  tooltip-text-font-weight: text-caption-2-font-weight,
  tooltip-text-line-height: text-caption-2-line-height,
  tooltip-max-width: 16rem,

  tooltip-primary-background-color: color-primary-default,
  tooltip-primary-text-color: text-control-color,
  tooltip-info-background-color: color-info-default,
  tooltip-info-text-color: text-control-color,
  tooltip-success-background-color: color-success-default,
  tooltip-success-text-color: text-control-color,
  tooltip-warning-background-color: color-warning-default,
  tooltip-warning-text-color: text-control-color,
  tooltip-danger-background-color: color-danger-default,
  tooltip-danger-text-color: text-control-color,
  tooltip-shadow: shadow,

  select-cursor: pointer,
  select-disabled-cursor: default,
  select-min-width: 13rem,
  select-options-list-max-height: 20rem,
  select-options-list-shadow: shadow,
  select-options-list-border-style: solid,
  select-options-list-border-width: 0,
  select-outline-width: outline-width,
  select-outline-color: outline-color,

  select-text-font-family: text-subtitle-font-family,
  select-text-font-weight: text-subtitle-font-weight,
  select-placeholder-text-font-weight: text-paragraph-font-weight,

  select-option-background-color: background-basic-color-1,
  select-option-text-color: text-basic-color,
  select-option-selected-background-color: background-basic-color-1,
  select-option-selected-text-color: text-primary-color,
  select-option-focus-background-color: background-basic-color-1,
  select-option-focus-text-color: text-primary-focus-color,
  select-option-hover-background-color: background-basic-color-1,
  select-option-hover-text-color: text-primary-hover-color,
  select-option-disabled-background-color: background-basic-color-1,
  select-option-disabled-text-color: text-disabled-color,

  select-tiny-text-font-size: text-caption-2-font-size,
  select-tiny-text-line-height: text-caption-2-line-height,
  select-tiny-max-width: 20rem,
  select-small-text-font-size: text-subtitle-2-font-size,
  select-small-text-line-height: text-subtitle-2-line-height,
  select-small-max-width: 20rem,
  select-medium-text-font-size: text-subtitle-2-font-size,
  select-medium-text-line-height: text-subtitle-2-line-height,
  select-medium-max-width: 20rem,
  select-large-text-font-size: text-subtitle-font-size,
  select-large-text-line-height: text-subtitle-line-height,
  select-large-max-width: 30rem,
  select-giant-text-font-size: text-heading-6-font-size,
  select-giant-text-line-height: text-heading-6-line-height,
  select-giant-max-width: 30rem,

  select-rectangle-border-radius: border-radius,
  select-semi-round-border-radius: 0.75rem,
  select-round-border-radius: 1.5rem,

  select-outline-background-color: background-basic-color-2,
  select-outline-border-color: border-basic-color-3,
  select-outline-border-style: solid,
  select-outline-border-width: 1px,
  select-outline-icon-color: text-basic-color,
  select-outline-text-color: text-basic-color,
  select-outline-placeholder-text-color: text-hint-color,

  select-outline-focus-border-color: color-primary-focus,
  select-outline-hover-border-color: color-primary-hover,
  select-outline-disabled-background-color: background-basic-color-2,
  select-outline-disabled-border-color: border-basic-color-2,
  select-outline-disabled-icon-color: text-disabled-color,
  select-outline-disabled-text-color: text-disabled-color,

  select-outline-tiny-padding: 0.1875rem 1.125rem,
  select-outline-small-padding: 0.1875rem 1.125rem,
  select-outline-medium-padding: 0.4375rem 1.125rem,
  select-outline-large-padding: 0.6875rem 1.125rem,
  select-outline-giant-padding: 0.9375rem 1.125rem,

  select-outline-primary-border-color: color-primary-default,
  select-outline-primary-focus-border-color: color-primary-focus,
  select-outline-primary-hover-border-color: color-primary-hover,
  select-outline-primary-disabled-border-color: color-primary-disabled,

  select-outline-success-border-color: color-success-default,
  select-outline-success-focus-border-color: color-success-focus,
  select-outline-success-hover-border-color: color-success-hover,
  select-outline-success-disabled-border-color: color-success-disabled,

  select-outline-info-border-color: color-info-default,
  select-outline-info-focus-border-color: color-info-focus,
  select-outline-info-hover-border-color: color-info-hover,
  select-outline-info-disabled-border-color: color-info-disabled,

  select-outline-warning-border-color: color-warning-default,
  select-outline-warning-focus-border-color: color-warning-focus,
  select-outline-warning-hover-border-color: color-warning-hover,
  select-outline-warning-disabled-border-color: color-warning-disabled,

  select-outline-danger-border-color: color-danger-default,
  select-outline-danger-focus-border-color: color-danger-focus,
  select-outline-danger-hover-border-color: color-danger-hover,
  select-outline-danger-disabled-border-color: color-danger-disabled,

  select-option-outline-tiny-padding: select-outline-tiny-padding,
  select-option-outline-small-padding: select-outline-small-padding,
  select-option-outline-medium-padding: select-outline-medium-padding,
  select-option-outline-large-padding: select-outline-large-padding,
  select-option-outline-giant-padding: select-outline-giant-padding,

  select-open-outline-border-color: select-outline-border-color,
  select-outline-adjacent-border-color: select-open-outline-border-color,
  select-outline-adjacent-border-style: select-outline-border-style,
  select-outline-adjacent-border-width: select-outline-border-width,
  select-outline-primary-adjacent-border-color: select-outline-primary-border-color,
  select-outline-success-adjacent-border-color: select-outline-success-border-color,
  select-outline-info-adjacent-border-color: select-outline-info-border-color,
  select-outline-warning-adjacent-border-color: select-outline-warning-border-color,
  select-outline-danger-adjacent-border-color: select-outline-danger-border-color,

  select-group-option-outline-tiny-start-padding: 1.25rem,
  select-group-option-outline-small-start-padding: 1.75rem,
  select-group-option-outline-medium-start-padding: 2.25rem,
  select-group-option-outline-large-start-padding: 2.25rem,
  select-group-option-outline-giant-start-padding: 2.75rem,

  select-options-list-outline-border-color: border-primary-color-2,
  select-options-list-outline-primary-border-color: color-primary-500,
  select-options-list-outline-success-border-color: color-success-500,
  select-options-list-outline-info-border-color: color-info-500,
  select-options-list-outline-warning-border-color: color-warning-500,
  select-options-list-outline-danger-border-color: color-danger-500,

  select-filled-background-color: background-basic-color-2,
  select-filled-border-color: border-basic-color-3,
  select-filled-border-style: solid,
  select-filled-border-width: 1px,
  select-filled-icon-color: text-basic-color,
  select-filled-text-color: text-basic-color,
  select-filled-placeholder-text-color: text-basic-color,

  select-filled-focus-border-color: color-primary-focus,
  select-filled-hover-border-color: color-primary-hover,
  select-filled-disabled-background-color: background-basic-color-2,
  select-filled-disabled-border-color: border-basic-color-2,
  select-filled-disabled-icon-color: text-disabled-color,
  select-filled-disabled-text-color: text-disabled-color,

  select-filled-tiny-padding: 0.1875rem 1.125rem,
  select-filled-small-padding: 0.1875rem 1.125rem,
  select-filled-medium-padding: 0.4375rem 1.125rem,
  select-filled-large-padding: 0.6875rem 1.125rem,
  select-filled-giant-padding: 0.9375rem 1.125rem,

  select-filled-primary-background-color: color-primary-default,
  select-filled-primary-border-color: color-primary-default,
  select-filled-primary-icon-color: text-control-color,
  select-filled-primary-text-color: text-control-color,
  select-filled-primary-placeholder-text-color: text-control-color,

  select-filled-primary-focus-background-color: color-primary-focus,
  select-filled-primary-focus-border-color: color-primary-focus,
  select-filled-primary-hover-background-color: color-primary-hover,
  select-filled-primary-hover-border-color: color-primary-hover,
  select-filled-primary-disabled-background-color: background-basic-color-2,
  select-filled-primary-disabled-border-color: color-primary-disabled,
  select-filled-primary-disabled-icon-color: text-primary-disabled-color,
  select-filled-primary-disabled-text-color: text-primary-disabled-color,

  select-filled-success-background-color: color-success-default,
  select-filled-success-border-color: color-success-default,
  select-filled-success-icon-color: text-control-color,
  select-filled-success-text-color: text-control-color,
  select-filled-success-placeholder-text-color: text-control-color,

  select-filled-success-focus-background-color: color-success-focus,
  select-filled-success-focus-border-color: color-success-focus,
  select-filled-success-hover-background-color: color-success-hover,
  select-filled-success-hover-border-color: color-success-hover,
  select-filled-success-disabled-background-color: background-basic-color-2,
  select-filled-success-disabled-border-color: color-success-disabled,
  select-filled-success-disabled-icon-color: text-success-disabled-color,
  select-filled-success-disabled-text-color: text-success-disabled-color,

  select-filled-info-background-color: color-info-default,
  select-filled-info-border-color: color-info-default,
  select-filled-info-icon-color: text-control-color,
  select-filled-info-text-color: text-control-color,
  select-filled-info-placeholder-text-color: text-control-color,

  select-filled-info-focus-background-color: color-info-focus,
  select-filled-info-focus-border-color: color-info-focus,
  select-filled-info-hover-background-color: color-info-hover,
  select-filled-info-hover-border-color: color-info-hover,
  select-filled-info-disabled-background-color: background-basic-color-2,
  select-filled-info-disabled-border-color: color-info-disabled,
  select-filled-info-disabled-icon-color: text-info-disabled-color,
  select-filled-info-disabled-text-color: text-info-disabled-color,

  select-filled-warning-background-color: color-warning-default,
  select-filled-warning-border-color: color-warning-default,
  select-filled-warning-icon-color: text-control-color,
  select-filled-warning-text-color: text-control-color,
  select-filled-warning-placeholder-text-color: text-control-color,

  select-filled-warning-focus-background-color: color-warning-focus,
  select-filled-warning-focus-border-color: color-warning-focus,
  select-filled-warning-hover-background-color: color-warning-hover,
  select-filled-warning-hover-border-color: color-warning-hover,
  select-filled-warning-disabled-background-color: background-basic-color-2,
  select-filled-warning-disabled-border-color: color-warning-disabled,
  select-filled-warning-disabled-icon-color: text-warning-disabled-color,
  select-filled-warning-disabled-text-color: text-warning-disabled-color,

  select-filled-danger-background-color: color-danger-default,
  select-filled-danger-border-color: color-danger-default,
  select-filled-danger-icon-color: text-control-color,
  select-filled-danger-text-color: text-control-color,
  select-filled-danger-placeholder-text-color: text-control-color,

  select-filled-danger-focus-background-color: color-danger-focus,
  select-filled-danger-focus-border-color: color-danger-focus,
  select-filled-danger-hover-background-color: color-danger-hover,
  select-filled-danger-hover-border-color: color-danger-hover,
  select-filled-danger-disabled-background-color: background-basic-color-2,
  select-filled-danger-disabled-border-color: color-danger-disabled,
  select-filled-danger-disabled-icon-color: text-danger-disabled-color,
  select-filled-danger-disabled-text-color: text-danger-disabled-color,

  select-option-filled-tiny-padding: select-filled-tiny-padding,
  select-group-option-filled-tiny-padding-start: 1.125rem,
  select-option-filled-small-padding: select-filled-small-padding,
  select-group-option-filled-small-padding-start: 1.75rem,
  select-option-filled-medium-padding: select-filled-medium-padding,
  select-group-option-filled-medium-padding-start: 2.25rem,
  select-option-filled-large-padding: select-filled-large-padding,
  select-group-option-filled-large-padding-start: 2.25rem,
  select-option-filled-giant-padding: select-filled-giant-padding,
  select-group-option-filled-giant-padding-start: 2.75rem,

  select-options-list-filled-border-color: border-primary-color-2,
  select-options-list-filled-primary-border-color: color-primary-500,
  select-options-list-filled-success-border-color: color-success-500,
  select-options-list-filled-info-border-color: color-info-500,
  select-options-list-filled-warning-border-color: color-warning-500,
  select-options-list-filled-danger-border-color: color-danger-500,

  select-hero-background-color: background-basic-color-2,
  select-hero-border-color: border-basic-color-3,
  select-hero-border-style: solid,
  select-hero-border-width: 0,
  select-hero-icon-color: text-basic-color,
  select-hero-text-color: text-basic-color,
  select-hero-placeholder-text-color: text-basic-color,

  select-hero-focus-border-color: color-primary-focus,
  select-hero-hover-border-color: color-primary-hover,
  select-hero-disabled-background-color: background-basic-color-2,
  select-hero-disabled-icon-color: text-disabled-color,
  select-hero-disabled-text-color: text-disabled-color,

  select-hero-tiny-padding: 0.1875rem 1.125rem,
  select-hero-small-padding: 0.1875rem 1.125rem,
  select-hero-medium-padding: 0.4375rem 1.125rem,
  select-hero-large-padding: 0.6875rem 1.125rem,
  select-hero-giant-padding: 0.9375rem 1.125rem,

  select-hero-primary-left-background-color: color-primary-400,
  select-hero-primary-right-background-color: color-primary-default,
  select-hero-primary-icon-color: text-control-color,
  select-hero-primary-text-color: text-control-color,
  select-hero-primary-placeholder-text-color: text-control-color,

  select-hero-primary-focus-left-background-color: color-primary-700,
  select-hero-primary-focus-right-background-color: color-primary-800,
  select-hero-primary-hover-left-background-color: color-primary-300,
  select-hero-primary-hover-right-background-color: color-primary-400,
  select-hero-primary-disabled-background-color: background-basic-color-2,
  select-hero-primary-disabled-icon-color: text-primary-disabled-color,
  select-hero-primary-disabled-text-color: text-primary-disabled-color,

  select-hero-success-left-background-color: color-success-400,
  select-hero-success-right-background-color: color-success-default,
  select-hero-success-icon-color: text-control-color,
  select-hero-success-text-color: text-control-color,
  select-hero-success-placeholder-text-color: text-control-color,

  select-hero-success-focus-left-background-color: color-success-700,
  select-hero-success-focus-right-background-color: color-success-800,
  select-hero-success-hover-left-background-color: color-success-300,
  select-hero-success-hover-right-background-color: color-success-400,
  select-hero-success-disabled-background-color: background-basic-color-2,
  select-hero-success-disabled-icon-color: text-success-disabled-color,
  select-hero-success-disabled-text-color: text-success-disabled-color,

  select-hero-info-left-background-color: color-info-400,
  select-hero-info-right-background-color: color-info-default,
  select-hero-info-icon-color: text-control-color,
  select-hero-info-text-color: text-control-color,
  select-hero-info-placeholder-text-color: text-control-color,

  select-hero-info-focus-left-background-color: color-info-700,
  select-hero-info-focus-right-background-color: color-info-800,
  select-hero-info-hover-left-background-color: color-info-300,
  select-hero-info-hover-right-background-color: color-info-400,
  select-hero-info-disabled-background-color: background-basic-color-2,
  select-hero-info-disabled-icon-color: text-info-disabled-color,
  select-hero-info-disabled-text-color: text-info-disabled-color,

  select-hero-warning-left-background-color: color-warning-400,
  select-hero-warning-right-background-color: color-warning-default,
  select-hero-warning-icon-color: text-control-color,
  select-hero-warning-text-color: text-control-color,
  select-hero-warning-placeholder-text-color: text-control-color,

  select-hero-warning-focus-left-background-color: color-warning-700,
  select-hero-warning-focus-right-background-color: color-warning-800,
  select-hero-warning-hover-left-background-color: color-warning-300,
  select-hero-warning-hover-right-background-color: color-warning-400,
  select-hero-warning-disabled-background-color: background-basic-color-2,
  select-hero-warning-disabled-icon-color: text-warning-disabled-color,
  select-hero-warning-disabled-text-color: text-warning-disabled-color,

  select-hero-danger-left-background-color: color-danger-400,
  select-hero-danger-right-background-color: color-danger-default,
  select-hero-danger-icon-color: text-control-color,
  select-hero-danger-text-color: text-control-color,
  select-hero-danger-placeholder-text-color: text-control-color,

  select-hero-danger-focus-left-background-color: color-danger-700,
  select-hero-danger-focus-right-background-color: color-danger-800,
  select-hero-danger-hover-left-background-color: color-danger-300,
  select-hero-danger-hover-right-background-color: color-danger-400,
  select-hero-danger-disabled-background-color: background-basic-color-2,
  select-hero-danger-disabled-icon-color: text-danger-disabled-color,
  select-hero-danger-disabled-text-color: text-danger-disabled-color,

  select-option-hero-tiny-padding: select-hero-tiny-padding,
  select-group-option-hero-tiny-padding-start: 1.125rem,
  select-option-hero-small-padding: select-hero-small-padding,
  select-group-option-hero-small-padding-start: 1.75rem,
  select-option-hero-medium-padding: select-hero-medium-padding,
  select-group-option-hero-medium-padding-start: 2.25rem,
  select-option-hero-large-padding: select-hero-large-padding,
  select-group-option-hero-large-padding-start: 2.25rem,
  select-option-hero-giant-padding: select-hero-giant-padding,
  select-group-option-hero-giant-padding-start: 2.75rem,

  select-options-list-hero-border-color: border-primary-color-2,
  select-options-list-hero-primary-border-color: color-primary-500,
  select-options-list-hero-success-border-color: color-success-500,
  select-options-list-hero-info-border-color: color-info-500,
  select-options-list-hero-warning-border-color: color-warning-500,
  select-options-list-hero-danger-border-color: color-danger-500,

  datepicker-text-color: text-basic-color,
  datepicker-background-color: background-basic-color-1,
  datepicker-border-color: background-basic-color-1,
  datepicker-border-style: solid,
  datepicker-border-width: 0,
  datepicker-border-radius: border-radius,
  datepicker-shadow: shadow,
  datepicker-arrow-size: 0.6875rem,

  radio-width: 1.125rem,
  radio-height: 1.125rem,
  radio-background-color: color-basic-transparent-200,
  radio-border-color: color-basic-500,
  radio-border-style: solid,
  radio-border-width: 1px,
  radio-text-color: text-basic-color,
  radio-text-font-family: text-subtitle-2-font-family,
  radio-text-font-size: text-subtitle-2-font-size,
  radio-text-font-weight: text-subtitle-2-font-weight,
  radio-text-line-height: text-subtitle-2-line-height,
  radio-outline-color: outline-color,
  radio-outline-width: outline-width,

  radio-disabled-background-color: color-basic-transparent-100,
  radio-disabled-border-color: color-basic-transparent-300,
  radio-disabled-text-color: text-disabled-color,
  radio-disabled-checked-background-color: transparent,
  radio-disabled-checked-inner-circle-color: color-basic-transparent-600,

  radio-primary-border-color: color-primary-default,
  radio-primary-background-color: color-primary-transparent-200,
  radio-primary-checked-background-color: transparent,
  radio-primary-inner-circle-color: color-primary-default,
  radio-primary-focus-border-color: color-primary-700,
  radio-primary-focus-inner-circle-color: color-primary-default,
  radio-primary-hover-background-color: color-primary-transparent-200,
  radio-primary-hover-border-color: color-primary-hover,
  radio-primary-hover-inner-circle-color: color-primary-hover,
  radio-primary-hover-checked-background-color: transparent,
  radio-primary-active-border-color: color-primary-active,
  radio-primary-active-inner-circle-color: color-primary-active,

  radio-success-border-color: color-success-default,
  radio-success-background-color: color-success-transparent-200,
  radio-success-checked-background-color: transparent,
  radio-success-inner-circle-color: color-success-default,
  radio-success-focus-border-color: color-success-700,
  radio-success-focus-inner-circle-color: color-success-default,
  radio-success-hover-background-color: color-success-transparent-200,
  radio-success-hover-border-color: color-success-hover,
  radio-success-hover-inner-circle-color: color-success-hover,
  radio-success-hover-checked-background-color: transparent,
  radio-success-active-border-color: color-success-active,
  radio-success-active-inner-circle-color: color-success-active,

  radio-warning-border-color: color-warning-default,
  radio-warning-background-color: color-warning-transparent-200,
  radio-warning-checked-background-color: transparent,
  radio-warning-inner-circle-color: color-warning-default,
  radio-warning-focus-border-color: color-warning-700,
  radio-warning-focus-inner-circle-color: color-warning-default,
  radio-warning-hover-background-color: color-warning-transparent-200,
  radio-warning-hover-border-color: color-warning-hover,
  radio-warning-hover-inner-circle-color: color-warning-hover,
  radio-warning-hover-checked-background-color: transparent,
  radio-warning-active-border-color: color-warning-active,
  radio-warning-active-inner-circle-color: color-warning-active,

  radio-danger-border-color: color-danger-default,
  radio-danger-background-color: color-danger-transparent-200,
  radio-danger-checked-background-color: transparent,
  radio-danger-inner-circle-color: color-danger-default,
  radio-danger-focus-border-color: color-danger-700,
  radio-danger-focus-inner-circle-color: color-danger-default,
  radio-danger-hover-background-color: color-danger-transparent-200,
  radio-danger-hover-border-color: color-danger-hover,
  radio-danger-hover-inner-circle-color: color-danger-hover,
  radio-danger-hover-checked-background-color: transparent,
  radio-danger-active-border-color: color-danger-active,
  radio-danger-active-inner-circle-color: color-danger-active,

  radio-info-border-color: color-info-default,
  radio-info-background-color: color-info-transparent-200,
  radio-info-checked-background-color: transparent,
  radio-info-inner-circle-color: color-info-default,
  radio-info-focus-border-color: color-info-700,
  radio-info-focus-inner-circle-color: color-info-default,
  radio-info-hover-background-color: color-info-transparent-200,
  radio-info-hover-border-color: color-info-hover,
  radio-info-hover-inner-circle-color: color-info-hover,
  radio-info-hover-checked-background-color: transparent,
  radio-info-active-border-color: color-info-active,
  radio-info-active-inner-circle-color: color-info-active,

  tree-grid-cell-border-width: 1px,
  tree-grid-cell-border-style: solid,
  tree-grid-cell-border-color: border-basic-color-2,
  tree-grid-row-min-height: 2rem,
  tree-grid-cell-padding: 0.875rem 1.25rem,

  tree-grid-header-background-color: background-basic-color-1,
  tree-grid-header-text-color: text-basic-color,
  tree-grid-header-text-font-family: text-subtitle-font-family,
  tree-grid-header-text-font-size: text-subtitle-font-size,
  tree-grid-header-text-font-weight: text-subtitle-font-weight,
  tree-grid-header-text-line-height: text-subtitle-line-height,

  tree-grid-footer-background-color: background-basic-color-1,
  tree-grid-footer-text-color: text-basic-color,
  tree-grid-footer-text-font-family: tree-grid-header-text-font-family,
  tree-grid-footer-text-font-size: tree-grid-header-text-font-size,
  tree-grid-footer-text-font-weight: tree-grid-header-text-font-weight,
  tree-grid-footer-text-line-height: tree-grid-header-text-line-height,

  tree-grid-row-background-color: background-basic-color-1,
  tree-grid-row-even-background-color: background-basic-color-1,
  tree-grid-row-hover-background-color: background-basic-color-1,
  tree-grid-row-text-color: text-basic-color,
  tree-grid-row-text-font-family: text-paragraph-font-family,
  tree-grid-row-text-font-size: text-paragraph-font-size,
  tree-grid-row-text-font-weight: text-paragraph-font-weight,
  tree-grid-row-text-line-height: text-paragraph-line-height,

  tree-grid-sort-header-button-background-color: transparent,
  tree-grid-sort-header-button-border: none,
  tree-grid-sort-header-button-padding: 0,

  icon-font-size: 1.25rem,
  icon-line-height: 1,
  icon-width: 1em,
  icon-height: 1em,
  icon-svg-vertical-align: top,
  icon-primary-color: color-primary-default,
  icon-info-color: color-info-default,
  icon-success-color: color-success-default,
  icon-warning-color: color-warning-default,
  icon-danger-color: color-danger-default,

  toggle-height: 1.875rem,
  toggle-width: 3.125rem,
  toggle-border-width: 1px,
  toggle-border-radius: 100px,
  toggle-border-color: color-basic-500,
  toggle-background-color: color-basic-transparent-200,
  toggle-outline-width: outline-width,
  toggle-outline-color: outline-color,
  toggle-switcher-size: 1.75rem,
  toggle-switcher-background-color: background-basic-color-1,
  toggle-switcher-checkmark-color: color-primary-default,
  toggle-text-color: text-basic-color,
  toggle-text-font-family: text-subtitle-2-font-family,
  toggle-text-font-size: text-subtitle-2-font-size,
  toggle-text-font-weight: text-subtitle-2-font-weight,
  toggle-text-line-height: text-subtitle-2-line-height,
  toggle-cursor: pointer,

  toggle-focus-background-color: color-basic-transparent-400,
  toggle-focus-border-color: color-basic-focus,
  toggle-hover-background-color: color-primary-transparent-200,
  toggle-hover-border-color: color-primary-default,
  toggle-active-background-color: color-basic-transparent-400,
  toggle-active-border-color: color-basic-focus,
  toggle-disabled-background-color: color-basic-transparent-200,
  toggle-disabled-border-color: color-basic-transparent-400,
  toggle-disabled-switcher-background-color: color-basic-transparent-600,
  toggle-disabled-checked-switcher-checkmark-color: color-basic-100,
  toggle-disabled-text-color: text-disabled-color,
  toggle-disabled-cursor: default,

  toggle-primary-background-color: color-primary-transparent-200,
  toggle-primary-border-color: color-primary-default,
  toggle-primary-checked-background-color: color-primary-default,
  toggle-primary-checked-border-color: color-primary-default,
  toggle-primary-checked-switcher-checkmark-color: color-primary-default,
  toggle-primary-focus-background-color: color-primary-transparent-400,
  toggle-primary-focus-border-color: color-primary-focus,
  toggle-primary-focus-checked-background-color: color-primary-focus,
  toggle-primary-focus-checked-border-color: color-primary-700,
  toggle-primary-hover-background-color: color-primary-transparent-200,
  toggle-primary-hover-border-color: color-primary-hover,
  toggle-primary-hover-checked-background-color: color-primary-hover,
  toggle-primary-hover-checked-border-color: color-primary-hover,
  toggle-primary-active-background-color: color-primary-transparent-400,
  toggle-primary-active-border-color: color-primary-focus,
  toggle-primary-active-checked-background-color: color-primary-focus,
  toggle-primary-active-checked-border-color: color-primary-700,

  toggle-success-background-color: color-success-transparent-200,
  toggle-success-border-color: color-success-default,
  toggle-success-checked-background-color: color-success-default,
  toggle-success-checked-border-color: color-success-default,
  toggle-success-checked-switcher-checkmark-color: color-success-default,
  toggle-success-focus-background-color: color-success-transparent-400,
  toggle-success-focus-border-color: color-success-focus,
  toggle-success-focus-checked-background-color: color-success-focus,
  toggle-success-focus-checked-border-color: color-success-700,
  toggle-success-hover-background-color: color-success-transparent-200,
  toggle-success-hover-border-color: color-success-hover,
  toggle-success-hover-checked-background-color: color-success-hover,
  toggle-success-hover-checked-border-color: color-success-hover,
  toggle-success-active-background-color: color-success-transparent-400,
  toggle-success-active-border-color: color-success-focus,
  toggle-success-active-checked-background-color: color-success-focus,
  toggle-success-active-checked-border-color: color-success-700,

  toggle-info-background-color: color-info-transparent-200,
  toggle-info-border-color: color-info-default,
  toggle-info-checked-background-color: color-info-default,
  toggle-info-checked-border-color: color-info-default,
  toggle-info-checked-switcher-checkmark-color: color-info-default,
  toggle-info-focus-background-color: color-info-transparent-400,
  toggle-info-focus-border-color: color-info-focus,
  toggle-info-focus-checked-background-color: color-info-focus,
  toggle-info-focus-checked-border-color: color-info-700,
  toggle-info-hover-background-color: color-info-transparent-200,
  toggle-info-hover-border-color: color-info-hover,
  toggle-info-hover-checked-background-color: color-info-hover,
  toggle-info-hover-checked-border-color: color-info-hover,
  toggle-info-active-background-color: color-info-transparent-400,
  toggle-info-active-border-color: color-info-focus,
  toggle-info-active-checked-background-color: color-info-focus,
  toggle-info-active-checked-border-color: color-info-700,

  toggle-warning-background-color: color-warning-transparent-200,
  toggle-warning-border-color: color-warning-default,
  toggle-warning-checked-background-color: color-warning-default,
  toggle-warning-checked-border-color: color-warning-default,
  toggle-warning-checked-switcher-checkmark-color: color-warning-default,
  toggle-warning-focus-background-color: color-warning-transparent-400,
  toggle-warning-focus-border-color: color-warning-focus,
  toggle-warning-focus-checked-background-color: color-warning-focus,
  toggle-warning-focus-checked-border-color: color-warning-700,
  toggle-warning-hover-background-color: color-warning-transparent-200,
  toggle-warning-hover-border-color: color-warning-hover,
  toggle-warning-hover-checked-background-color: color-warning-hover,
  toggle-warning-hover-checked-border-color: color-warning-hover,
  toggle-warning-active-background-color: color-warning-transparent-400,
  toggle-warning-active-border-color: color-warning-focus,
  toggle-warning-active-checked-background-color: color-warning-focus,
  toggle-warning-active-checked-border-color: color-warning-700,

  toggle-danger-background-color: color-danger-transparent-200,
  toggle-danger-border-color: color-danger-default,
  toggle-danger-checked-background-color: color-danger-default,
  toggle-danger-checked-border-color: color-danger-default,
  toggle-danger-checked-switcher-checkmark-color: color-danger-default,
  toggle-danger-focus-background-color: color-danger-transparent-400,
  toggle-danger-focus-border-color: color-danger-focus,
  toggle-danger-focus-checked-background-color: color-danger-focus,
  toggle-danger-focus-checked-border-color: color-danger-700,
  toggle-danger-hover-background-color: color-danger-transparent-200,
  toggle-danger-hover-border-color: color-danger-hover,
  toggle-danger-hover-checked-background-color: color-danger-hover,
  toggle-danger-hover-checked-border-color: color-danger-hover,
  toggle-danger-active-background-color: color-danger-transparent-400,
  toggle-danger-active-border-color: color-danger-focus,
  toggle-danger-active-checked-background-color: color-danger-focus,
  toggle-danger-active-checked-border-color: color-danger-700,

);
