:root {
  --contracts-bg-color: #F3F3F3;
  --contracts-main-title-color: #22395E;
  --contracts-icon-color: #22395E;
  --nav-bar-bg: #fff;
  --bg-light: #ffffff;
  --text-light: #000000;
  --bg-dark: #121212;
  --text-dark: #ffffff;
  --contracts-details-bg-color: #fff;
  --contracts-progress-bar-bg-color: #EBEBEB;
  --contracts-doc-bg-color: #fff;
  --contracts-doc-text-color: #000;
  --contracts-progress-bar-fill-color: linear-gradient(255deg, #ED7333 -6%, #303DAF 106.84%);
  --contracts-main-sub-title-color: #000;
  --contracts-main-form-title-color: #000;
  --contracts-wizard-title-color: #22395E;
  --contracts-wizard-active-dot: #22395E;
  --contracts-wizard-active-line: #22395E;
  --contracts-received-bg: #fff;
  --contracts-received-color: #2d363d;
  --contracts-received-color-title: #2d363d;
  --nav-bar-color: #182027;
  --preview-doc-bg-color: #fff;
  --preview-doc-title-color: #2d5f81;
  --preview-doc-text-color: #555555;
  --chat-bg-color: #FFF;
  --detail-chat-bg-color: #F2F2F2;
  --detail-chat-message-bg-color: #F2F2F2;
  --detail-chat-backdrop: rgba(194, 194, 194, 0.49);
  --close-chat-color: #000;
  --message-color: #000;
  --chat-input-bg-color: #FFF;
}

:root.dark-mode {
  --contracts-bg-color: #181f27;
  --contracts-main-title-color: #fe6a11;
  --contracts-icon-color: #ED7333;
  --nav-bar-bg: #262d33;
  --bg-light: #ffffff;
  --text-light: #000000;
  --bg-dark: #121212;
  --text-dark: #ffffff;
  --contracts-details-bg-color: #2d363d;
  --contracts-progress-bar-bg-color: #161a1d;
  --contracts-doc-bg-color: #2d363d;
  --contracts-doc-text-color: #fff;
  --contracts-progress-bar-fill-color: linear-gradient(255deg, #ED7333 -6%, #303DAF 106.84%);
  --contracts-main-sub-title-color: #fff;
  --contracts-main-form-title-color: #fff;
  --contracts-wizard-title-color: #fff;
  --contracts-wizard-active-dot: #ED7333;
  --contracts-wizard-active-line: #ED7333;
  --contracts-received-bg: #2d363d;
  --contracts-received-color: #fff;
  --contracts-received-color-title: #ED7333;
  --nav-bar-color: #fff;
  --preview-doc-bg-color: #2d363d;
  --preview-doc-title-color: #999898;
  --preview-doc-text-color: #999898;
  --chat-bg-color: #181f27;
  --detail-chat-bg-color: #2d363d; 
  --detail-chat-message-bg-color: #2d363d;
  --detail-chat-backdrop: rgba(24, 32, 39, 0.49);
  --close-chat-color: #a4a4a4;
  --message-color: rgb(196, 196, 196);
  --chat-input-bg-color: #181f27;
}