:root {
  /* font sizes */
  --xs-font: 0.5rem;
  --sm-font: 0.75rem;
  --smm-font: 0.85rem;
  --md-font: 1rem;
  --lg-font: 1.5rem;
  --xl-font: 2rem;
  --xxl-font: 2.5rem;

  /* font colors  */
  --text-default-color: #000;
  --text-primary-color: #007bff;
  --text-default-light: #595959;
  --text-default-light1: #909090;
  --text-default-light2: #9e9e9e;
  --text-secondary-color: #fff;

  /* element color */
  --theme-primary-color: #007aff;
  --theme-secondary-color: #6a11cb;
  --theme-danger-color: #cc3333;
  --theme-success-color: #22bb33;
  --theme-warning-color: #f0ad4e;
  --theme-info-color: #5bc0de;
  --theme-dark-color: #000;
  --theme-light-color: #fff;

  scrollbar-width: none;
}