:root {
  /* Global */
  --body-color: #364152;
  --body-background: #f7f9fc;
  --link-color: #245bdb;

  /* Tooltip */
  --tooltip-color: #182672;

  /* Datepicker */
  --datepicker-header-bg: #4344ff;
  --datepicker-header-color: #fff;
  --datepicker-selected-bg: #4344ff;
  --datepicker-selected-bg-hover: rgba(67, 68, 255, 0.8);
  --datepicker-time-bg: rgb(24 38 114 / 6%);
  --datepicker-time-selected: #4344ff;
  --datepicker-time-hover: rgb(24 38 114 / 15%);

  /* Toasts */
  --toast-error-bg: #d64550;
  --toast-success-bg: #20b486;

  /* var tailwind */
  --tailwind-color-action: #4344ff;
  --tailwind-color-main: #182672;
  --tailwind-color-secondary: #4344ff;
  --tailwind-color-error: #d64550;
  --tailwind-color-warning: #f4a261;
  --tailwind-color-success: #20b486;
  --tailwind-color-green: #20b486;
  --tailwind-color-purple: #6c63ff;
  --tailwind-color-blue: #3f8efc;
  --tailwind-color-gray20: #f3f5f7;
  --tailwind-color-gray40: #d9dee5;
  --tailwind-color-gray60: #8a94a6;
  --tailwind-color-gray80: #364152;
  --tailwind-color-link: #245bdb;
  --tailwind-color-lightgrey: #f7f9fc;

  /* checkbox */
  --check: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0 0 12 5z' fill='%23000'/%3E%3C/svg%3E");
}