:root {
  --fonts-web: "IBM Plex Sans Thai", sans-serif;
  --color-ui-primary: #351964;
  --color-ui-blue: #1890ff;
  --color-ui-secondary: #6f5b90;
  --color-ui-gray: #f6f6f6;
  --color-font-secondary: #a6a6a6;
  --color-ui-white: #ffffff;
  --color-ui-placeholder: #000000;
  --color-ui-black: #000000;
  --color-ui-border: #ced4da;
  --color-ui-table-head: #545454;
  --color-ui-table-row: #e7e7e7;
  --color-ui-button-primary: #f7d002;
  --color-ui-breadcrumb: #6c757d;
  --color-ui-table-row-hover: #a6a6a6;
  --color-ui-button-secondary: #c6007e;
  --color-ui-button-secondary-hover: #ac016e;
  --color-ui-button-disabled: #dcdcdc;
  --color-ui-button-ghost-hover: #dad6e1;
  --color-ui--bg-select-input: #ececec;
  --color-ui--red: #bc0909;
  --color-ui--red-hover: #930707;
  --color-ui--green: #22a366;
  --color-ui--green-hover: #1a8f59;
}