:root {
  --theme-body: #0e192d;
  /* --theme-body: #000; */
  --text-color: #e5e5e5;
  --text-color-muted: #676d79;
  --row-gap-x: 24px;
  --row-gap-y: 16px;

  --primary-bg: linear-gradient(in lab, #2ac761, #05723c);
  --secondary-bg: linear-gradient(in lab, #e2b932, #ab6c00);

  --card-bg: #061025;
  /* --card-bg: #070c16; */
  --light-card-bg: #0e1e41;
  --dark-card-bg: #030b1d;


  /* #061025 */
  --primary-color: #00b673;
  --secondary-color: #f0a528;
  --dark-color: #061025;
  

  --label-require-color: #971030;
  --input-padding: 7px 14px;
  --input-file-padding: 10.4px 12px;
  --input-border: 1px solid #2c559a2b;
  --input-border-radius: 7px;
  --input-text-color: #ffffff7d;
  --input-background: transparent;
  --input-focus-border: 1px solid #646c83;
  --input-placeholder-color: #9b9b9b;

}


.rootx {
  /* #061025 */
  --info-color: #1C326C;
  --success-color: #425783;
  --card-background: #1B2841;

  --primary-color: #00d084;
  --secondary-color: #f0a528;
  --dark-color: #1B2841;

  --selected-options-background: #6778a4;
  --selected-options-hover: #4a6ec9;
  --selected-scrollbar-color: #4a5575 transparent;
  --optgroup-label-color: #ffffff;
  --optgroup-label-background: #5d6b8e;
  --optgroup-label-padding: 4px 10px;
  --optgroup-option-padding: 8px 20px;

  --dropdown-btn-background: #4a5575;
  --dropdown-btn-padding: 5px 10px;
  --dropdown-border-radius: 4px;
  --dropdown-opt-text: left;
  --dropdown-opt-width: 150px;
  --dropdown-opt-padding: 10px 12px;
  --dropdown-opt-border: 1px solid #4a5575;
  --dropdown-opt-hover: rgb(93, 110, 171);
  --dropdown-opt-background: linear-gradient(rgb(52, 63, 95), rgb(25, 39, 66));
  --dropdown-opt-shadow: inset 0 0 1px rgba(255, 255, 255, 0.7), inset 0 0 4px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);

  --modal-width: 600px;
  --modal-height: 500px;
  --modal-border: 1px solid #e3e3e3;
  --modal-border-radius: 12px;
  --modal-shadow: 0 0 5px rgb(52, 115, 230);
  --modal-scrollbar-color: #f4f4f4 #4a5575;
  --modal-background: rgb(52, 63, 95);
  --modal-padding: 16px 28px;

  --drawer-width: 600px;
  --drawer-shadow: 0 0 5px rgb(52, 115, 230);
  --drawer-scrollbar-color: #f4f4f4 #4a5575;
  --drawer-padding: 16px 28px;
  --drawer-background: rgb(52, 63, 95);
  --drawer-border: 1px solid #e3e3e3;
}