$green1: #008c33;
$green2: #16552d;
$green3: #0e291a;
$green4: #215437;
$green5: rgba(0, 140, 51, 0.35);
$green6: #0d5b29;
$green7: #182d1e;
$green8: linear-gradient(
  135deg,
  rgba(22, 163, 74, 0.2) 0%,
  rgba(21, 128, 61, 0.1) 100%
);
$green9: #22c55e4d;
$green10: linear-gradient(
  135deg,
  rgba(34, 197, 94, 0.3) 0%,
  rgba(22, 163, 74, 0.2) 100%
);
$green11: rgba(34, 197, 94, 0.2);
$green12: #4ade80;
$green13: linear-gradient(
  90deg,
  rgba(22, 163, 74, 0.2) 0%,
  rgba(37, 99, 235, 0.2) 100%
);

$gray1: #a1a1a1;
$gray2: #818181;
$gray3: #373737;
$gray4: #a5a5a5;
$gray5: #808080;
$gray6: #5d5d5d;
$gray7: #3e3e3e;
$gray8: #545454;
$gray9: #3a3838;
$gray10: #a1a1a133;
$gray11: #d1d5db;
$gray12: #9ca3af;
$gray13: #80808026;
$gray14: #374151;
$gray15: #a1a1a11a;
$gray16: rgba(255, 255, 255, 0.4);
$gray17: #555353;
$gray18: #313131;

$purple1: #8a38f5;
$purple2: #583a80;
$purple3: #3d2956;
$purple4: #4c336c;
$purple5: linear-gradient(
  135deg,
  rgba(147, 51, 234, 0.2) 0%,
  rgba(126, 34, 206, 0.1) 100%
);
$purple6: #a855f74d;
$purple7: linear-gradient(
  135deg,
  rgba(168, 85, 247, 0.2) 0%,
  rgba(168, 85, 247, 0.2) 100%
);

$black1: #000000;
$black2: #111111;
$black3: #090909;
$black4: #161616;
$black5: #1e1e1e;
$black6: #141414;
$black7: #252525;
$black8: #0f120a;
$black10: #0f0f0f;
$black11: rgba(161, 161, 161, 0.1);
$black12: #2d2d2d;
$black13: #1a1a1a80;
$black14: #242200;
$black15: #a1a1a1;
$black16: #443a3a;
$black17: #1f1f1f;
$black18: rgba(43, 43, 43, 0.3);
$black19: rgba(20, 20, 20, 0.3);
$black20: rgba(80, 78, 78, 1);
$black21: #2b2b2b4d;
$black22: rgba(161, 161, 161, 0.2);
$black23: rgba(128, 128, 128, 0.3);

$white1: #fafafa;
$white2: #ffffff;

$red1: #ed2939;
$red2: #c50303;

$orange1: #ff6b47;
$orange2: #ff8264;
$orange3: #ff6d00;
$orange4: #e89d52;
$orange5: #fc8062;
$orange6: #f8717133;
$orange7: #ff6b6b33;
$orange8: #6e302036;

$blue1: #1d2839cc;
$blue2: #152f5e;
$blue3: linear-gradient(
  135deg,
  rgba(37, 99, 235, 0.2) 0%,
  rgba(29, 78, 216, 0.1) 100%
);
$blue4: #3b82f64d;
$blue5: linear-gradient(
  135deg,
  rgba(59, 130, 246, 0.2) 0%,
  rgba(59, 130, 246, 0.2) 100%
);
$blue6: #60a5fa;
$blue7: #374151;
$blue8: #f6f6f6;

$brown1: #3b2627;

$yellow1: #ffda44;
$yellow2: #facc1533;
$yellow3: #facc154d;
$yellow4: #7e670279;
$yellow5: #867a0d38;

$website-theme: (
  base-bg-color: $black1,
  brand-color: $green1,
  dropdown-bg-color: #71347b27,
  text-color: $gray5,
  input-text-color:#808080,
  description-text: #d9d9d9,
  click-able-text-color: #e8e0e9,
  custom-table-header-bg-color: #efe1f9,
  icons-default-color: #e8e0e9,
  border-color: $gray5,
  disable-color: #71347b80,
  hover-color: #f7ebff,
  pop-up-background-blur: #12121299,
  slider-table-color: #272428,
  drawer-footer-bg: #1b181c99,
  drawer-footer-border: #333234,
  text-bg-highlight: #f5fb00,
  tooltip-bg-color: #2a2a2a,
  tooltip-text-color: #fafafa,
  toggle-strip-color: #cfd1e2,
  toggle-strip-active-color: #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,
  overlay-bg: #12121299,
  chip-fill-color: #f9d5ff,
  chip-text-color: #1e161f,
  icon-color: #71347b,
  tree-connecting-lines-color: #d7b5e3,
  available-memory-bg: #9f2ea1,
  assigned-memory-bg:
    linear-gradient(88.75deg, #bdb7ff 1.07%, #a8a1ff 40.23%, #7e72ff 79.4%),
  used-memory-bg:
    linear-gradient(90deg, #e0c6fd 0.13%, #c893fd 40.13%, #b264ff 80.13%),
  primary-button-color: $green1,
  primary-button-hover: $green3,
  primary-button-disable:
    linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%),
  primary-button-text-color: #ffffff,
  primary-button-border: linear-gradient(180deg, $green3 3.04%, $green1 100%),
  secondary-button-color-text:
    linear-gradient(179.06deg, $green1 3.49%, $green3 99.22%),
  secondary-button-border: linear-gradient(360deg, $green3 0%, $green1 100%),
  secondary-button-text-color: $green1,
  secondary-button-hover:
    linear-gradient(179.06deg, #71347b0d 3.49%, #46164d0d 99.22%),
  tertiary-button-color:
    linear-gradient(
      180deg,
      rgba(70, 22, 77, 0.05) 0%,
      rgba(113, 52, 123, 0.05) 100%
    ),
  tertiary-button-hover:
    linear-gradient(
      180deg,
      rgba(70, 22, 77, 0.1) 0%,
      rgba(113, 52, 123, 0.1) 100%
    ),
  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%),
  warning-button-color:
    linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%),
  warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%),
  drawer-title-color: #252c37,
  toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%),
  danger-button-hover: #fcf2f2,
  error_light: #e42525,
  ff-success: #079455,
  ff-warning: #f79009,
  ff-header-text-color: #fdfaff,
  ff-header-submenu-text-color: #666468,
  ff-header-submenu-highlight-text-color: #170328,

  default-icon-color: #a3a3a3,
  expandable-menu-default-bg: #fdfaff,
  expandable-menu-option-bg: #610b861a,
  file-dropzone-default-color: #823c8d1a,
  file-dropzone-selected-color: #823c8d33,
  file-details-container-shadow: #fffcff99,
  file-details-bg: #0d0d0d,
  ff-mini-modal-border: #ffffff,
  ff-mini-modal-box-shadow: #3713553d,
  ff-mini-modal-arrow-shadow: #00000040,

  ff-error-light: #e42525,
  ff-chips-fill-color: #f9d5ff,
  ff-chips-blur-color: #5757571a,
  ff-chips-shadow-color-two: #57575733,
  ff-chip-bg: #ffffffe5,
  ff-chip-bg-two: #ffffff33,
  ff-chip-text-color: #1e161f,
  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: rgba($black1, 0.3),
  toast-close-icon-color: $white1,
  toaster-text-color: $white1,
  toaster-boxshadow: #1e161f3d,
  toaster-success-border: #008c33,
  toaster-warning-border: #ff8c04,
  toaster-info-border: #7585f8,
  toaster-danger_confirm-border: #d42525,
  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-variant-dark-icon-color: #ffffff,
  menu-option-icon-color: #ffffff,
  menu-option-icon-clicked: #71347b,
  delete-text-color: #c50303,
  ff-progress-bar-bg-color: #f0f0f0,

  status-success-bg-color: #c6efcd,
  status-success-text-color: #016102,
  status-warning-bg-color: #ffe380,
  status-warning-text-color: #ff8b00,
  status-rejected-bg-color: #f7d9d9,
  status-rejected-text-color: #c60202,
  status-skipped-bg-color: #c4c3c3,
  status-skipped-text-color: #3c3838,
  status-warning-hover-bg-color: #fcd8ac,
  status-percentage-growth-bg-color: #ecedf8,
  line-chart-data: #4c90ff,

  status-button-bg-passed: #c6efcd,
  status-button-bg-failed: #f7d9d9,
  status-button-bg-running: #ecedf8,
  status-button-bg-skipped: #c4c3c3,
  status-button-bg-warning: #ffb803,
  status-button-bg-terminated: #f7d9d9,
  status-button-bg-partiallyExecuted: #dee7f1,
  status-button-bg-aborted: #f7d9d9,
  status-button-bg-notExecuted: #f7d9d9,
  status-button-text-passed: #016102,
  status-button-text-failed: #c50303,
  status-button-text-running: #434db8,
  status-button-text-skipped: #3c3838,
  status-button-text-warning: #ffffff,
  status-button-text-terminated: #c50303,
  status-button-text-partiallyExecuted: #0d69d4,
  status-button-text-aborted: #c50303,
  status-button-text-notExecuted: #c50303,

  // TODO:: Need to change the color code values of below 10 color (N/A in DS)
  ff-select-option-border-color: $gray1,
  ff-select-option-wrapper-box-shadow: #592f7c33,
  ff-select-background-color: $black4,
  ff-select-scroll-thumb-color: #d9d9d9,
  ff-select-scroll-track-bg: #f1f1f1,
  ff-select-scroll-thumb-hover: #b8b8b8,
  ff-select-text-color: $gray5,
  ff-select-option-hover-color: $black11,
  ff-select-label-bg-color: $black1,
  ff-select-default-color: #747474,
  ff-select-border-color: #a3a3a3,
  ff-select-brand-color: $green1,
  ff-select-hover-bg-color: $black11,
  ff-select-text-hover-color: #1e161f,
  ff-search-filed-clear-text: #71347b,
  ff-search-filed-placeholder-text: #a3a3a3,
  ff-search-filed-close-Icon: #14041c,
  ff-paper-background-color: #f5f5f5,
  ff-paper-dark-background-color: #d1c4e9,
  sub-header-primary: #301349,
  nlp-border-color: #efefef,
  nlp-input-placeholder-color: #9a90a1,
  nlp-background-color: #592f7c0f,
  nlp-color: #592f7c,
  nlp-pe-background: #2e9ee80f,
  nlp-pe-color: #2e9ee8,
  nlp-step-group-background: #ee670d0f,
  nlp-step-group-color: #ee670d,
  nlp-hover-color: #f7ebff,
  nlp-button-color: #efe1f9,
  nlp-option-color: #3c3838,
  panel-shadow: #0000001a,

  primary-icon-color: #ffffff,
  secondary-icon-color: #71347b,
  disabled-primary-color: #f9f9f9,
  license_expires_soon_color: #ba7422,
  license_active_color: #268735,
  license_expired_color: #e34242,
  license_header_text_color: #592f7c,
  license_active_status_color: #518e18,
  license_expired_status_color: #ab3425,
  background-modal-color: #1111,
  pie-chart-border-color: #b6b6b6,
  button-bg-color: #f6ebff,
  modal-header-text-color: #ffc600,
  switch-license-text-color: #61296a,
  switch-license-header-text-color: #610b86,
  dotted-border-color: #000000,
  select-license-header-text-color: #5f2868,
  in-active-button-color: #808080,
  button-background-gradient-color: #9c1ebb,
  details-page-value-color: #808080,

  label-edit-text-label-color: #71347b,
  label-edit-text-background-color: #ffffff,
  label-edit-error-text: #e42525,
  label-edit-confirm-icon: #0dad66,
  label-edit-cancel-icon: #e42525,
  delete-icon-color: #e42525,
  confirm-tick-icon-color: #5ca700,
  warning-modal-border-color: #e79b0866,
  brand-color-border:
    linear-gradient(
      94.23deg,
      rgba(113, 52, 123, 0.4) 16.33%,
      rgba(70, 22, 77, 0.4) 80.07%
    ),
  alert-modal-background-color:
    linear-gradient(
      94.23deg,
      rgba(228, 37, 37, 0.4) 16.33%,
      rgba(201, 0, 0, 0.4) 80.07%
    ),
  ff-app-header-menu-border-bottom-color: #ffffff,
  ff-app-header-submenu-border-bottom-color:
    linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
  table-header-text-color: #252c37,
  table-column-text-color: #200624,
  ff-delete-button-attachment: #a91224,
  email-table-border-color: #959595,
  ff-icon-hover-fill-color: #f7ecf8,
  ff-icon-color-danger-variant: #a912241a,
  ff-icon-color-dark-variant: #ffffff,
  avatar-background-color: #71347b,
  avatar-icon-color: #ffffff,

  ff-editor-line-bg: #333234,
  ff-editor-gutter-color: #ded5e5,
  ff-line-number-bg: #592f7c,
  ff-line-number-color: #ffffff,

  //Excel
  excel-sheet-button-color: #e9b5ff,
  excel-toolbar-bg: #d4b0e426,
  excel-header-bg: #f4ecf8,
  excel-header-border: #d8d4da,
  excel-toolbar-divider: #57575733,
  excel-sheet-header-background-color: #f3f0f5,

  icon-hover-color: #f7ecf8,
  ff-editor-border-color: #f0e7f4,
  ff-icon-hover-bg-color: #f7ecf8,
  modal-background-color: #12121233,
  modal-alert-header-color: #db1919,
  ff-status-card-text-color: #ffffff,
  ff-card-status-text-color: #8a8a8a,
  ff-card-passed-status-bg-color: #179c5f,
  ff-card-failed-status-bg-color: #9c1732,
  ff-card-warning-status-bg-color: #e2750f,
  ff-card-skipped-status-bg-color: #a83fc4,
  ff-card-flaky-status-bg-color: #3f5ac4,

  ff-comment-input-border-color: #71347b,
  ff-comment-avatar-text-color: #ffffff,
  ff-comment-border-color: #d9d9d9,
  ff-comment-text-color: #727272,

  download-client-border-color: #f0e7f4,
  download-client-header-bg-color: #ede6f2,
  download-client-content-text-color: #592f7c,
  ff-toggle-switch-off-color: #4b494c,
  ff-toggle-switch-shadow-color: #57575780,
  ff-search-field-hover-color: #f7ecf8,
  ff-search-filed-bg-color: #ffffff,
  ff-all-projects-default-color: #ffffff33,
  ff-machine-inactive-status-color: #c50303,
  ff-machine-active-status-color: #4caf50,
  ff-machine-running-status-color: #2055de,

  download-client-choose-os-text-color: #000000,
  download-client-icon-container-border-color: #f0e7f4,
  download-client-icon-container-bg-color: #ffffff,
  download-client-icon-container-box-shadow-color: #592f7c4d,

  public-chip-bg-color: #f9d5ff,
  partial-public-chip-bg-color: #fcc27d,
  private-chip-bg-color: #dbc3ef,
  disabled-chip-bg-color: #c4c3c3,

  impact-list-text-color: #14041c,
  impact-list-chip-text-color: #3d3c3e,
  impact-list-chip-bg-color: #e3ccf5,
  dynamic-card-border-color: #eeeaf2,
  card-header-bg-color: #592f7c1a,
  table-with-accordion-header-primary-bg: #d4b0e426,
  table-with-accordion-icon-color: #1e161f,

  ff-machine-input-field-border-color: #a3a3a3,
  ff-machine-input-field-label-color: #f1ebf2,
  ff-machine-input-field-text-color: #1e161f,
  ff-connecting-branch-color: #71347b,
  ff-connecting-branch-modal-header: #71347b,
  ff-connecting-branch-modal-border: #e0e0e0,
  ff-connecting-branch-scope-color: #079455,
  ff-connecting-branch-delete-color: #e42525,

  card-total-defect-color: #71347b,
  card-defect-density: #5dc70c,
  plugins-header-bg-color: rgba(89, 47, 124, 0.1),
  follow-user-icon-red: #922b3e,
  follow-user-icon-orange: #ed760e,
  follow-user-icon-black: #0a0a0a,
  follow-user-icon-pink: #e63244,
  follow-user-icon-blue: #3b83bd,
  follow-user-icon-navy: #20214f,
  follow-user-icon-lightGreen: #bdecb6,
  follow-user-icon-gray: #d9d9d9,
  follow-user-icon-yellow: #cda434,
  follow-user-icon-salmon: #d36e70,

  dataset-tooltip-title: #808080,
  dataset-tooltip-value: #ffffff,

  defect-trivial: '#8bc34a',
  defect-text: '#9e9e9e',
  defect-tweak: '#ffc107',
  defect-minor: '#ffeb3b',
  defect-majour: '#ff9800',
  defect-crash: '#f44336',
  defect-block: '#d32f2f',
  defect-blocker: '#b71c1c',
  defect-critical: '#c2185b',
  defect-catastrophic: '#6a1b9a',
  defect-serious: '#7b1fa2',
  defect-normal: '#03a9f4',
  defect-small-or-trivial: '#4dd0e1',
  table-header-color-primary: '#f0e7f4',
  text-editor-out-focus-border-color: #989797,
  text-editor-in-focus-border-color: #71347b,
  nlp-selected-chip-bg: '#F9D6FF',
  nlp-chips-blur-text-color: '#6D6D6D',
  nlp-chips-select-text-color: '#121212',
  prompt-bg-color: #f8f3fb,
  prompt-shadow-color: #592f7c33,
  ff-prompt-number-bg-color: #edd4ff,
  ff-ai-toggle-bg-color: #b637ca,
  ff-ai-toggle-text-color: #6b83b2,
  ai-search-border-color: linear-gradient(90deg, #ff00ff 0%, #0000ff 100%),
  ai-search-icon-color: #bcbcbc,
  default-chip-count-background-color: #f4e7f4,
  chatbot-icon-hover-color: #f4cbfa,
  phone-number-verified-color: #009934,
  ff-chips-shadow-color: #575757,
  select-chart-highlight-color: #00000066,
  partially-failures: #ffe207,
  top-failures-bar-color: #52a2f2,
  testcase-bg: #fbfcfd,
  testcase-status-color: #b73e3e,
  ai-prompt-bg: #fbf5ff,

  postman-color: #fd6c35,
  export-collection-bg: #faf4fe,
  ff-app-header-item-shadow-color: #00000029,

  website-brand-color: $green1,
  primary-color: $green1,

  loder-color: $green1,
  loder-overlay-color: $black13,

  website-error: $red1,
  website-text-color1: $white2,
  website-text-color2: $gray1,
  website-text-color3: $gray4,
  website-text-color4: $gray5,
  website-text-green-color: $green1,

  multiselect-txt-color: $gray4,
  multiselect-border-color: $black12,

  modal-heading-color: $white1,
  modal-sub-heading-color: $gray4,
  primary-btn-bg-color: $green1,
  primary-btn-bg-hover-color: $green6,
  secondary-btn-bg-color: $gray7,
  secondary-btn-bg-hover-color: $gray9,
  modal-body-color: $white2,
  radio-btn-active-border-color: $green1,
  radio-btn-active-color: $green1,
  password-view-icon-color: $gray5,
  password-validation-txt-color: $gray5,
  gender-label-color: $gray5,
  tick-icon-color: $green1,
  close-icon-color: $red2,
  login-text-color: $green1,
  login-flow-btns-txt-color: $white1,
  org-card-bg-color: $black5,
  org-card-bg-hover-color: $gray10,
  org-card-avatar-bg-color: $purple4,
  inactive-status-bg-hover-color: $black14,
  inactive-status-text-color: $orange4,
  common-card-bg-color1: $black11,
  common-bg-color2: $gray3,
  common-bg-color3: $green1,
  common-bg-color4: $black1,
  common-bg-color5: $black1,

  gray-table-header-bg-color: $gray3,
  gray-table-header-text-color: $green1,
  gray-table-header-border-color: $gray8,
  gray-table-row-even-bg-color: $black3,
  gray-table-row-odd-bg-color: $black11,
  gray-table-row-hover-color: $gray3,
  gray-table-row-text-color: $gray1,

  result-table-header-text-color: $gray5,
  result-table-header-bg-color: $black10,
  result-table-odd-bg-color: $black1,
  result-table-even-bg-color: $gray15,
  result-heading-color: $gray11,
  result-main-title: $gray11,
  result-sub-title: #808080,
  submitted-answer: $blue6,
  testcase-count: #60a5fa,
  editor-section: #373737,
  pass-result: $green1,
  fail-result: $orange1,
  result-heading-border-color: #3d2956,
  card-shadow-color: #00000040,

  black-table-header-bg-color: $black10,
  black-table-header-text-color: $black1,
  black-table-header-border-color: $purple3,
  black-table-row-even-bg-color: $black11,
  black-table-row-odd-bg-color: $black3,
  black-table-row-hover-color: $gray3,
  black-table-row-text-color: $gray1,

  expand-icon-color: $gray5,

  tab-default-color: $gray5,
  tab-active-color: $green1,
  tab-hover-color: $white2,
  tab-error-color: $orange1,
  tab-error-hover-color: $orange2,
  text-color-orange3: $orange3,

  text-color-yellow1: $yellow1,

  text-color-black6: $black6,
  text-color-black7: $black7,
  text-color-black4: $black4,

  text-color-green-light: $green5,
  text-color-green2: $green2,
  color-green3: $green3,
  color-green4: $green4,
  color-green6: $green6,
  color-green8: $green8,
  color-green9: $green9,
  color-green10: $green10,
  color-green11: $green11,
  color-green12: $green12,
  color-green13: $green13,

  text-color-purple1: $purple1,
  color-purple2: $purple2,
  color-purple3: $purple3,
  color-purple5: $purple5,
  color-purple6: $purple6,
  color-purple7: $purple7,

  color-red1: $red1,
  color-red2: $red2,

  color-orange6: $orange6,
  color-orange7: $orange7,
  color-orange8: $orange8,

  color-yellow2: $yellow2,
  color-yellow3: $yellow3,
  color-yellow4: $yellow4,
  color-yellow5: $yellow5,

  color-white1: $white1,

  color-gray2: $gray2,
  color-gray6: $gray6,
  color-gray7: $gray7,
  color-gray8: $gray8,
  color-gray11: $gray11,
  color-gray12: $gray12,
  color-gray13: $gray13,
  color-gray14: $gray14,
  text-color-gray5: $gray5,

  color-black2: $black2,
  color-black3: $black3,
  color-black5: $black5,
  color-black8: $black8,
  color-black10: $black10,
  color-black11: $black11,
  color-black12: $black12,
  color-black13: $black13,

  role-selection-active-card: $green7,
  frontend-card-color: $orange5,
  color-blue1: $blue1,
  color-blue2: $blue2,
  color-blue3: $blue3,
  color-blue4: $blue4,
  color-blue5: $blue5,
  color-black15: $black16,

  tournament-card-bg: $black15,
  tournament-card-title: $green1,
  tournament-card-subtitle: $white1,
  tournament-text: $gray5,
  tournament-active-tab-bg: $purple4,
  tournament-btn-bg-1: $green1,
  tournament-btn-bg-2: $purple4,
  tournament-btn-brown-bg: $brown1,
  tournament-btn-text-1: $white1,
  tournament-btn-orange-text: $orange1,

  instruction-bg-color: $black11,
  instruction-border-color: $blue7,
  instruction-header-bg-color: $black17,
  instruction-txt-color-1: $gray5,
  instruction-txt-color-2: $white1,
  instruction-btn-txt-color: $white2,
  instruction-btn-bg-color: $green1,
  instruction-btn-bg-hover-color: $green6,
  instruction-active-bg-color: $black11,
  instruction-inactive-bg-color: $black11,
  instruction-active-txt-color: $gray5,
  instruction-inactive-txt-color: $gray5,
  instructions-sidebar-inactive-bg: $black11,
  instructions-sidebar-active-bg: $black11,
  instruction-sidebar-active-txt-color: $gray5,
  instruction-side-bar-txt-color: $white1,
  timer-color: $green1,
  instruction-txt-color-3: $white2,

  quiz-brand-color: $green1,
  quiz-bg-color-1: #00000033,
  quiz-bg-color-2: $purple4,
  quiz-submit-bg-color: $orange1,
  quiz-header-bg-color: $black4,
  quiz-editor-bg-color: $black11,
  quiz-text-color-1: $gray5,
  quiz-timer-text-color: $gray5,
  quiz-bar-hover-color: $green5,
  quiz-answered-color: $green1,
  quiz-unanswered-color: rgba(250, 250, 250, 0.5),
  quiz-marked-color: $purple4,
  quiz-not-visited-color: $white1,
  quiz-icon-color: $gray5,
  quiz-icon-color-2: $green1,
  quiz-icon-hover-color: $white1,
  run-bg-color: $black4,
  submit-answer-bg: $black4,
  btn-bg-color: $black4,
  btn-bg-color-1: $gray18,
  btn-bg-color-1-hover: $gray17,
  timer-bg-color: $black4,
  tab-text-color: $gray5,
  tab-active-bg-color: $green1,
  quiz-text-color-2: $white1,
  quiz-text-color-3: $white1,
  quiz-text-color-4: $white1,
  quiz-text-color-5: $white1,
  quiz-drag-bar-color: $green5,
  quiz-tab-hover-color: #c4c4c4,
  quiz-tab-active-color: $green1,
  quiz-tab-color: $gray5,
  page-active-color: #4c336c,
  not-visited: #fafafa,
  accepted-color: #008c33,
  rejected-color: #ff0000,

  quiz-result-container-shadow: #00000040,
  quiz-result-container-bg: #a1a1a11a,
  quiz-result-header-bg: #161616,
  quiz-result-header-text: #008c33,
  result-message: #d1d5db,
  quiz-result-table-header-bg: #232325,
  quiz-result-table-header-text: #808080,
  quiz-result-table-header-border: #37373d,
  quiz-result-table-odd-bg: $black11,
  quiz-result-table-even-bg: transparent,
  passed-heading-color: #162322,
  passed-heading-border: #13322a,
  failed-heading-color: #2a1719,
  failed-heading-border: #5f1318,
  passed-button-bg: #008c33,
  failed-button-bg: #ff6b47,
  button-text-color: #ffffff,
  result-passed-marks-color: #008c33,
  result-failed-marks-color: #ff6b47,
  question-name-bg: #3f3f47,
  actual-answer-passed-bg: #151c1b,
  actual-answer-failed-bg: #2a1719,
  your-answer-bg: #232325,
  metric-text: #fafafa,
  values-text: #fafafa,
  notes-text: #808080,
  answer-text-color: #fafafa,
  question-number-passed-text: #008c33,
  question-number-failed-text: #ff6b47,
  question-name-color: #008c33,
  tournament-row-text-color: #ffffff,
  tournament-result-header-bg: #0f0f0f,
  tournament-result-header-text: #808080,
  tournament-result-odd-row-bg: #a1a1a11a,
  tournament-result-border: #3d2956,
  run-time-text: #000000,
  run-time-value: #afafaf,
  question-section-bg: #a1a1a11a,
  option-bg: #37373d,
  option-border: #484851,
  option-label: #ffffff,
  checked-color: #4c336c,
  passed-mcq-border: #008c33,
  failed-mcq-border: #5f1318,

  text-area-bg: $black18,
  text-area-bg-hover: $black19,
  text-area-default-border-color: $black20,

  date-picker-bg-color: $black18,
  date-picker-bg-color-hover: $black19,
  date-picker-default-border-color: $black20,
  date-picker-icon-color: $green1,
  date-picker-container-bg: $black4,
  date-picker-day-hover-color: $black11,
  date-picker-day-text-color: $gray5,
  date-picker-day-text-hover-color: $black11,
  date-picker-day-text-active-color: $white1,
  date-picker-calendar-nav-btn-bg: $green1,
  date-picker-calendar-nav-btn-text: $white1,
  date-picker-calendar-save-btn-hover-bg: $green2,

  compilation-error-bg: $black1,
  use-testcase-btn-bg: $gray3,
  use-testcase-btn-text: $gray1,
  code-header-bg-color: $black4,
  failed-testcase-input-bg: $black1,

  header-color: #434db8,
  quiz-result-heading-color: #fcfbf8,
  quiz-result-border-color: transparent,
  quiz-result-icon-color: #16a249,
  quiz-summary-color: #fcfbf8,
  quiz-summary-border: #80808033,
  quiz-summary-shadow: #0000000d,
  chart-passed-color: #008c33,
  chart-failed-color: #ff6b47,
  chart-text-color: #fcfbf8,
  center-text-color: #94a3b8,
  center-percentage-color: #fcfbf8,
  result-title-color: #94a3b8,
  result-sub-title-color: #fcfbf8,
  correct-sub-title-color: #16a249,
  progress-color: #16a249,
  section-metrics-color: #16a249,
  separator-border: #808080,
  active-text-color: #fafafa,
  main-label-text: #fcfbf8,
  sub-label-text-green: #008c33,
  pill-green: #16a24933,
  pill-default: #1e293b,
  pill-green-bg: #16a2491a,
  view-button-text: #fcfbf8,
  back-to-result-border: #1e293b,
  back-to-result-bg: #020817,
  back-to-result-text: #f8fafc,
  detail-border: #1e293b80,
  detail-bg: #101010,
  failed-container-bg: #7f1d1d0d,
  failed-container-border: #7f1d1d,
  passed-container-bg: #16a2490d,
  passed-container-border: #16a249,
  type-text-color: #f8fafc,
  inactive-answer-tab-text-color: #94a3b8,
  active-answer-tab-text-color: #f8fafc,
  inactive-answer-tab-bg: #1e293b80,
  active-answer-tab-bg: #020817,
  default-answer-bg: #8080801a,
  wrong-answer-bg: #7f1d1d1a,
  correct-answer-bg: #16a24933,
  view-question-color: #16a249,
  quiz-submitted-text-color: #fafafa,
  what-next-bg: #2463eb1a,
  what-next-sub-text: #f8fafce5,
  default-mcq-bg: #1e293b4d,
  default-mcq-border: #1e293b80,
  wrong-mcq-bg: #7f1d1d33,
  wrong-mcq-border: #7f1d1d1a,
  correct-mcq-bg: #16a2491a,
  correct-mcq-border: #16a24933,
  quiz-card-bg: $black11,
  quiz-card-hover-bg: $black22,
  quiz-card-icon-bg: $black23,
  quiz-card-title-color: $green1,
  quiz-card-main-text-color: $gray16,
  quiz-card-sub-text-color: $white1,
  quiz-card-btn-active-bg: $green1,
  quiz-card-btn-active-hover-bg: $purple4,
  navbar-border: #443a3a,
  progress-bar-default-bg: #1e293b,
  radio-checked-color: #008c33,
  checkbox-checked-color: #008c33,
  checkbox-tick-color: #ffffff,
  unchecked-border: #808080,
  pagination-arrow-color: #808080,
  pagination-active-bg: #4c336c,
  pagination-active-color: #ffffff,
  pagination-inactive-bg: transparent,
  pagination-inactive-color: #fafafa,
  pagination-correct-color: #008c33,
  pagination-correct-bg: transparent,
  pagination-correct-active-bg: #008c33,
  pagination-correct-active-color: #fafafa,
  pagination-incorrect-bg: transparent,
  pagination-incorrect-color: #ff0000,
  pagination-incorrect-active-bg: #ff0000,
  pagination-incorrect-active-color: #fafafa,
  your-tournament-text: #10b77f,
  your-tournament-border: #10b77f33,
  your-tournament-bg: #0f172ab2,
  score-percentage: #089e6e,
  accuracy-percentage: #058cc2,
  overall-score-text: #9ca3af,
  detailed-performance-border: #0f172ab2,
  total-question-color: #008c33,
  tournament-wrong-answer-color: #ef4444,
  tournament-info-card-bg: #02081780,
  tournament-info-card-border: #1f29374d,
  penalty-card-bg: #0208174d,

  profile-text-white-1: #f8fafc,
  profile-text-white-2: $white2,
  profile-text-white-3: $white1,
  profile-text-purple-1: $purple4,
  profile-border-gray-1: rgba(102, 102, 102, 0.4),
  profile-border-gray-2: #e7eae9,
  profile-shadow-black-1: rgba(0, 0, 0, 0.3),
  profile-background-black-1: $black13,
  profile-background-black-2: $black4,
  profile-text-gray-1: #94a3b8,
  profile-text-yellow-1: #facc14,
  profile-border-yellow-1: $yellow3,
  profile-background-yellow-1: rgba(250, 204, 20, 0.2),
  profile-border-green-1: $green1,
  profile-border-green-2: #16a2494d,
  profile-background-green-1: #16a2491a,
  profile-background-green-2: #16a2490d,
  profile-border-gray-3: #e2e8f080,
  profile-border-gray-4: #0000000d,
  profile-border-gray-5: #161a23,
  profile-background-gray-1: #1a1a1a1a,
  profile-background-gray-2: #444,
  profile-accent-green-1: #0a4,
  profile-background-green-3: #16a24933,
  profile-text-red-1: #ef4444,
  profile-border-red-1: #ef44444d,
  profile-background-red-1: #ef444433,
  profile-text-gray-2: $gray5,
  profile-text-gray-3: #a0a0a0,
  profile-text-blue-1: #3c83f6,
);

:root {
  @each $key, $value in $website-theme {
    --#{$key}: #{$value};
  }
}
