$base-theme: (
  brand-color: #71347b,
  text-color: #1e161f,
  description-text: #7a7a7a,
  border-color: #f0e7f4,
  disable-color: #71347b80,
  hover-color: #f7ebff,
  pop-up-background-blur: #00000080,
  slider-table-color: #efe1f9,
  drawer-footer-bg: #ffffff,
  drawer-footer-border: #f0e7f4,
  text-bg-highlight: #f5fb00,
  tooltip-bg-color: #1e161f,
  tooltip-text-color: #ffffff,
  toggle-strip-color: #cfd1e2,
  toggle-strip-active: #71347b,
  toggle-strip-shadow: #00000040,
  toggle-button-bg-color: #ffffff,
  toggle-disable-icon-color: #767994,
  text-area-default-color: #747474,
  add-icon-hover-color: #431b4a,
  arrow-button-bg-color: #ffffff,
  arrows-button-border-color: #ded1e5,
  chip-fill-color: #f9d5ff,
  chip-text-color: #1e161f,
  primary-button-color:
    linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%),
  primary-button-hover:
    linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%),
  primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%),
  primary-button-text-color: #ffffff,
  primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%),
  secondary-button-color-text:
    linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%),
  secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%),
  secondary-button-text-color: #46164d,
  secondary-button-hover:
    linear-gradient(179.06deg, #71347b0d 3.49%, #46164d0d 99.22%),
  tertiary-button-color:
    linear-gradient(179.06deg, #71347b0d 3.49%, #46164d0d 99.22%),
  tertiary-button-hover:
    linear-gradient(179.06deg, #71347b1a 3.49%, #46164d1a 99.22%),
  delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%),
  delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%),
  delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%),
  delete-button-disable:
    linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%),
  error: #e42525,
  drawer-title-color: #252c37,
  toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%),
  error_light: #e42525,
  ff-success: #079455,
  ff-warning: #f79009,
  status-success-text-color: #016102,
  status-warning-text-color: #ff8b00,
  status-rejected-text-color: #c60202,
  status-skipped-text-color: #3c3838,
  status-success-bg-color: #c6efcd,
  status-warning-bg-color: #ffe380,
  status-rejected-bg-color: #f7d9d9,
  status-skipped-bg-color: #c4c3c3,
  status-warning-hover-bg-color: #fcd8ac,
  status-percentage-growth-bg-color: #ecedf8,
  default-icon-color: #a3a3a3,
  expandable-menu-default-bg: #fdfaff,
  expandable-menu-option-bg: #610b861a,
  file-dropzone-default-color: #71347b1a,
  file-dropzone-selected-color: #71347b33,
  file-details-container-shadow: #1e161f29,
  file-details-bg: #ffffff,
  ff-mini-modal-border: #ffffff,
  ff-mini-modal-box-shadow: #3713553d,
  ff-mini-modal-footer-background: #aeb0c0,

  input-default-border-color: #a3a3a3,
  input-hover-border-color: #1e161f,
  input-default-label-color: #747474,
  input-label-bg-color: #ffffff,
  input-active-text-color: #71347b,
  input-error-text-color: #e42525,
  tabs-label-default-color: #7a7a7a,
  tabs-label-active-color: #71347b,
  tabs-border-color: #f1ebf2,
  tabs-bg-color: #ede6f2,
  tab-bg-color: #ffffff,

  toast-close-icon-wrapper-bg: #fafafa,
  toaster-boxshadow: #1e161f3d,
  toaster-success-border: linear-gradient(#07945566, #00693a66),
  toaster-warning-border: linear-gradient(#f7900966, #d67a0066),
  toaster-info-border: linear-gradient(#2591e466, #1769b066),
  toaster-danger_confirm-border: linear-gradient(#e4252566, #c9000066),
  option-card-border-color: #ded1e5,
  option-card-bg-color: #ffffff,
  checkbox-bg-color: #fbfdff,
  checkbox-border-color: #b5b5b5,
  checkbox-partial-color: #ffffff,
  checkbox-hover-color: #f7edff,
  multi-select-border: #a3a3a380,
  multi-select-label-bg: #ffffff,
  text-color-light: #1e161f80,
  radio-button-border: #b5b5b5,
  radio-button-hover: #d3d3d3,
  menu-option-icon-color: #ffffff,
  menu-option-icon-clicked: #71347b,
  delete-text-color: #c50303,
  tree-connecting-lines-color: #d7b5e3,

  // TODO:: Need to change the color code values of below 7 color (N/A in DS)
  ff-select-option-border-color: #ded1e5,
  ff-select-option-wrapper-box-shadow: #592f7c33,
  ff-select-background-color: #ffffff,
  ff-select-scroll-thumb-color: #d9d9d9,
  ff-select-scroll-track-bg: #f1f1f1,
  ff-select-scroll-thumb-hover: #b8b8b8,
  ff-select-text-color: #14041c,
  ff-select-option-hover-color: #f7ebff,
  ff-select-default-color: #747474,
  ff-select-border-color: #a3a3a3,
  ff-select-brand-color: #71347b,
  ff-select-text-hover-color: #1e161f,
  ff-search-filed-clear-text: #71347b,
  ff-search-filed-placeholder-text: #a3a3a3,
  ff-search-filed-close-Icon: #14041c,
);
:root {
  @each $key, $value in $base-theme {
    --#{$key}: #{$value};
  }
}