$primary: --primary;
$primary-light: --primary-light;
$primary-lighter: --primary-lighter;
$primary-light-3-opacity: --primary-light-3-opacity;
$primary-light-6-opacity: --primary-light-6-opacity;
$primary-light-12-opacity: --primary-light-12-opacity;
$primary-light-24-opacity: --primary-light-24-opacity;
$primary-light-32-opacity: --primary-light-32-opacity;
$primary-light-38-opacity: --primary-light-38-opacity;
$primary-dark: --primary-dark;
$primary-dark-24-opacity: --primary-dark-24-opacity;

$secondary: --secondary;
$secondary-light: --secondary-light;
$secondary-dark: --secondary-dark;
$secondary-lighter: --secondary-lighter;
$secondary-light-3-opacity: --secondary-light-3-opacity;
$secondary-light-6-opacity: --secondary-light-6-opacity;
$secondary-light-12-opacity: --secondary-light-12-opacity;
$secondary-light-24-opacity: --secondary-light-24-opacity;

$error: --error;

$disabled: --disabled;
$active: --active;
$default-color: --default-color;
$slider-background: --slider-background;
$slider-tick-color: --slider-tick-color;
$slider-hover-border: --slider-hover-border;
$slider-focus-border: --slider-focus-border;
$slider-pressed: --slider-pressed;
$disabled-select-input-checked: --disabled-select-input-checked;
$other-divider: --other-divider;

$error-color: --error-color;
$success-color: --success-color;
$infor-color: --infor-color;
$warning-color: --warning-color;
$text-dark: --text-dark;
$text-white: --text-white;

$risk-yellow: --risk-yellow;
$risk-green: --risk-green;
$risk-yellow-dark: --risk-yellow-dark;
$risk-green-dark: --risk-green-dark;

$tab-dark-background: --tab-dark-background;

$primary-label-color: --primary-label-color;
$primary-button-background-color: --primary-button-background-color;
$primary-button-text-color: --primary-button-text-color;
$background-input-text: --background-input-text;
$color-input-text: --color-input-text;
$primary-border-color: --primary-border-color;
$hover-background-color: --hover-background-color;
$select-border-color: --select-border-color;
$background-area: --background-area;
$text-confirm-color: --text-confirm-color;
$odd-item-color: --odd-item-color;
$active-item-color: --active-item-color;
$disabled-input-background-color: --disabled-input-background-color;
$blur-text-color: --blur-text-color;
$checkbox-color: --checkbox-color;
$background-conflict-info: --background-conflict-info;
$user-bacground: --user-bacground;
$administrator-bacground: --administrator-bacground;
$dashboard-bacground: --dashboard-bacground;
$devition-bacground: --devition-bacground;
$risk-background: --risk-background;
$annual-bacground: --annual-bacground;
$tab-active-background: --tab-active-background;
$child-selected-background: --child-selected-background;
$selected-row: --selected-row;
$blur-background-color: --blur-background-color;
$location-toggle-icon: --location-toggle-icon;
$radio-toggle-main-color: --radio-toggle-main-color;
$radio-toggle-pr-color: --radio-toggle-pr-color;
$tree-node-color: --tree-node-color;
$tree-node-background-color: --tree-node-background-color;
$tree-node-boder-color: --tree-node-boder-color;
$related-content-background: --related-content-background;
$related-item-background: --related-item-background;
$related-mat-icon-color: --related-mat-icon-color;
$button-background: --button-background;
$button-background-hover: --button-background-hover;
$mat-card-border-color: --mat-card-border-color;
$popup-title-color: --popup-title-color;
$popup-error-color: --popup-error-color;
$button-red-background: --button-red-background;
$button-yellow-background: --button-yellow-background;
$button-green-background: --button-green-background;
$text-not-accepted: --text-not-accepted;
$text-considered: --text-considered;
$text-accepted: --text-accepted;
$tab-hover-background: --tab-hover-background;
$tab-focus-background: --tab-focus-background;
$tab-border: --tab-border;
$tab-primary-label: --tab-primary-label;
$tab-primary-icon: --tab-primary-icon;
$tab-primary-background-hover: --tab-primary-background-hover;
$tab-primary-border: --tab-primary-border;
$tab-disable-background: --tab-disable-background;

$qms-app-bar-dark-background-color: --qms-app-bar-dark-background-color;
$qms-app-bar-light-background-color: --qms-app-bar-light-background-color;

$ws-text-secondary: --ws-text-secondary;
$ws-text-primary: --ws-text-primary;
$ws-action-active: --ws-action-active; 

$primary-circle-background-hover: --primary-circle-background-hover;
$primary-dark-1-disable-background: --primary-dark-1-disable-background;
$primary-dark-2-disable-background: --primary-dark-2-disable-background;
$primary-dark-3-disable-background: --primary-dark-3-disable-background;
$primary-dark-4-disable-background: --primary-dark-4-disable-background;
$primary-dark-5-disable-background: --primary-dark-5-disable-background;


@function black($opacity) {
  @return rgba(black, $opacity);
}

@function white($opacity) {
  @return rgba(white, $opacity);
}

$qms-theme-default: (
  $primary: #1954a9,
  $primary-light: #2873df,
  $primary-lighter: #b7daf8,
  $primary-light-3-opacity: #f5faff,
  $primary-light-6-opacity: #f2f7fd,
  $primary-light-12-opacity: #e5eefb,
  $primary-light-24-opacity: rgba(40, 115, 223, 0.24),
  $primary-light-32-opacity: #94baef,
  $primary-light-38-opacity: #86a5d1,
  $primary-dark: #144285,
  $primary-dark-24-opacity: #c8d6ea,
  $secondary: #9e360f,
  $secondary-light: #b63e11,
  $secondary-dark: #872e0d,
  $secondary-lighter: #f6b59d,
  $secondary-light-3-opacity: rgba(207, 71, 20, 0.03),
  $secondary-light-6-opacity: rgba(207, 71, 20, 0.06),
  $secondary-light-12-opacity: rgba(207, 71, 20, 0.12),
  $secondary-light-24-opacity: rgba(207, 71, 20, 0.24),
  $error: #b00020,
  $disabled: #e4e4e4,
  $active: #1954a9,
  $default-color: #323232,
  $disabled-select-input-checked: #dadada,
  $slider-background: rgba(#1954a9, 0.38),
  $slider-tick-color: rgba(255, 255, 255, 0.38),
  $slider-hover-border: rgba(25, 84, 169, 8%),
  $slider-focus-border: rgba(25, 84, 169, 12%),
  $slider-pressed: rgba(25, 84, 169, 24%),
  $error-color: #f44336,
  $success-color: #28a745,
  $infor-color: #40a9ff,
  $warning-color: #ffc107,
  $text-dark: #343a40,
  $text-white: #fff,
  $risk-yellow: #e4cf53,
  $risk-green: #00804c,
  $risk-yellow-dark: #726729,
  $risk-green-dark: #005935,
  $tab-dark-background: #00324e,
  $primary-label-color: #686868,
  $primary-button-background-color: #001983,
  $primary-button-text-color: #ffffff,
  $background-input-text: #eeeeee,
  $color-input-text: #5f5f5f,
  $primary-border-color: #d4d5d6,
  $hover-background-color: #d8ddf0,
  $select-border-color: #757575,
  $background-area: #f5f5f5,
  $text-confirm-color: #3e57b7,
  $odd-item-color: #f5f5f5,
  $active-item-color: #bad0ed,
  $disabled-input-background-color: #e1e1e1,
  $blur-text-color: #9a9a9a,
  $checkbox-color: #b13514,
  $background-conflict-info: #f4e9e5,
  $user-bacground: #818181,
  $administrator-bacground: #818181,
  $dashboard-bacground: #952702,
  $devition-bacground: #00804c,
  $risk-background: #952702,
  $annual-bacground: #cf4717,
  $tab-active-background: #d4d6e0,
  $child-selected-background: #f3f5fa,
  $selected-row: #ececec,
  $blur-background-color: #fafafa,
  $location-toggle-icon: #919191,
  $radio-toggle-main-color: #3f51b5,
  $radio-toggle-pr-color: #97a0d7,
  $tree-node-color: #000000,
  $tree-node-background-color: #009ef2,
  $tree-node-boder-color: #009ef2,
  $related-content-background: #ffffff,
  $related-item-background: #e5e5e5,
  $related-mat-icon-color: #8e8e8e,
  $button-background: #f8f9f9,
  $button-background-hover: #e5e7e9,
  $mat-card-border-color: #818181,
  $popup-title-color: #323232,
  $popup-error-color: #b00020,
  $button-red-background: #9e360f,
  $button-yellow-background: #e4cf53,
  $button-green-background: #00804c,
  $text-not-accepted: #b00020,
  $text-considered: #726729,
  $text-accepted: #005935,
  $tab-hover-background: rgb(25, 84, 169, 0.06),
  $tab-focus-background: #e5eefb,
  $tab-border: #666666,
  $tab-primary-label: rgba(255, 255, 255, 0.24),
  $tab-primary-icon: rgba(255, 255, 255, 0.6),
  $tab-primary-background-hover: rgba(255, 255, 255, 0.08),
  $tab-primary-border: rgba(255, 255, 255, 0.38),
  $tab-disable-background: rgba(25, 84, 169, 0.12),
  $qms-app-bar-dark-background-color: #0d6efd,
  $qms-app-bar-light-background-color: #c41e1e,
  $other-divider: #e0e0e0,
  $ws-text-secondary: #5a5a5a,
  $ws-text-primary: #242424,
  $ws-action-active: #707070,
  $primary-circle-background-hover: #0163B2,
  $primary-dark-1-disable-background: #878787,
  $primary-dark-2-disable-background: #AEAEAE,
  $primary-dark-3-disable-background: #DAE8F4,
  $primary-dark-4-disable-background: #E0E0E0,
  $primary-dark-5-disable-background: #D9D9D9
);

$qms-theme-pink: (
  $primary: #1954a9,
  $primary-light: #2873df,
  $primary-lighter: #b7daf8,
  $primary-light-3-opacity: #f5faff,
  $primary-light-6-opacity: #f2f7fd,
  $primary-light-12-opacity: #e5eefb,
  $primary-light-24-opacity: rgba(40, 115, 223, 0.24),
  $primary-light-32-opacity: #94baef,
  $primary-light-38-opacity: #86a5d1,
  $primary-dark: #144285,
  $primary-dark-24-opacity: #c8d6ea,
  $secondary: #9e360f,
  $secondary-light: #b63e11,
  $secondary-dark: #872e0d,
  $secondary-lighter: #f6b59d,
  $secondary-light-3-opacity: rgba(207, 71, 20, 0.03),
  $secondary-light-6-opacity: rgba(207, 71, 20, 0.06),
  $secondary-light-12-opacity: rgba(207, 71, 20, 0.12),
  $secondary-light-24-opacity: rgba(207, 71, 20, 0.24),
  $error: #b00020,
  $disabled: #e4e4e4,
  $active: #1954a9,
  $default-color: #323232,
  $disabled-select-input-checked: #dadada,
  $slider-background: rgba(#1954a9, 0.38),
  $slider-tick-color: rgba(255, 255, 255, 0.38),
  $slider-hover-border: rgba(25, 84, 169, 8%),
  $slider-focus-border: rgba(25, 84, 169, 12%),
  $slider-pressed: rgba(25, 84, 169, 24%),
  $error-color: #f44336,
  $success-color: #28a745,
  $infor-color: #40a9ff,
  $warning-color: #ffc107,
  $text-dark: #343a40,
  $text-white: #fff,
  $risk-yellow: #e4cf53,
  $risk-green: #00804c,
  $risk-yellow-dark: #726729,
  $risk-green-dark: #005935,
  $tab-dark-background: #00324e,
  $primary-label-color: #686868,
  $primary-button-background-color: #001983,
  $primary-button-text-color: #ffffff,
  $background-input-text: #eeeeee,
  $color-input-text: #5f5f5f,
  $primary-border-color: #d4d5d6,
  $hover-background-color: #d8ddf0,
  $select-border-color: #757575,
  $background-area: #f5f5f5,
  $text-confirm-color: #3e57b7,
  $odd-item-color: #f5f5f5,
  $active-item-color: #bad0ed,
  $disabled-input-background-color: #e1e1e1,
  $blur-text-color: #9a9a9a,
  $checkbox-color: #b13514,
  $background-conflict-info: #f4e9e5,
  $user-bacground: #818181,
  $administrator-bacground: #818181,
  $dashboard-bacground: #952702,
  $devition-bacground: #00804c,
  $risk-background: #952702,
  $annual-bacground: #cf4717,
  $tab-active-background: #d4d6e0,
  $child-selected-background: #f3f5fa,
  $selected-row: #ececec,
  $blur-background-color: #fafafa,
  $location-toggle-icon: #919191,
  $radio-toggle-main-color: #3f51b5,
  $radio-toggle-pr-color: #97a0d7,
  $tree-node-color: #000000,
  $tree-node-background-color: #009ef2,
  $tree-node-boder-color: #009ef2,
  $related-content-background: #ffffff,
  $related-item-background: #e5e5e5,
  $related-mat-icon-color: #8e8e8e,
  $button-background: #f8f9f9,
  $button-background-hover: #e5e7e9,
  $mat-card-border-color: #818181,
  $popup-title-color: #323232,
  $popup-error-color: #b00020,
  $button-red-background: #9e360f,
  $button-yellow-background: #e4cf53,
  $button-green-background: #00804c,
  $text-not-accepted: #b00020,
  $text-considered: #726729,
  $text-accepted: #005935,
  $tab-hover-background: rgb(25, 84, 169, 0.06),
  $tab-focus-background: #e5eefb,
  $tab-border: #666666,
  $tab-primary-label: rgba(255, 255, 255, 0.24),
  $tab-primary-icon: rgba(255, 255, 255, 0.6),
  $tab-primary-background-hover: rgba(255, 255, 255, 0.08),
  $tab-primary-border: rgba(255, 255, 255, 0.38),
  $tab-disable-background: rgba(25, 84, 169, 0.12),
  $qms-app-bar-dark-background-color: #0d6efd,
  $qms-app-bar-light-background-color: #c41e1e,
  $other-divider: #e0e0e0,
  $ws-text-secondary: #5a5a5a,
  $ws-text-primary: #242424,
  $ws-action-active: #707070,
  $primary-circle-background-hover: #0163B2,
  $primary-dark-1-disable-background: #878787,
  $primary-dark-2-disable-background: #AEAEAE,
  $primary-dark-3-disable-background: #DAE8F4,
  $primary-dark-4-disable-background: #E0E0E0,
  $primary-dark-5-disable-background: #D9D9D9
);
