/***************/
/*   Spacing   */
/***************/

:root {
  --gap0: 0.75rem;
  --gap1: 1rem;
  --gap2: 1.25rem;
  --gap3: 1.875rem;
  --gap4: 3.75rem;
  --gap5: 5rem;
  --gap6: 6rem;
}

/****************************/
/*   Margins and paddings   */
/****************************/

.mb0 {
  margin-bottom: var(--gap0);
}

.mb1 {
  margin-bottom: var(--gap1);
}

.mb2 {
  margin-bottom: var(--gap2);
}

.mb3 {
  margin-bottom: var(--gap3);
}

.mb4 {
  margin-bottom: 2.25rem;
}

.mb5 {
  margin-bottom: 3.75rem;
}

.mt0 {
  margin-top: var(--gap0);
}

.mt1 {
  margin-top: var(--gap1);
}

.mt2 {
  margin-top: var(--gap2);
}

.mt3 {
  margin-top: var(--gap3);
}

.ml0 {
  margin-left: var(--gap0);
}

.ml1 {
  margin-left: var(--gap1);
}

.ml2 {
  margin-left: var(--gap2);
}

.ml3 {
  margin-left: var(--gap3);
}

.mr0 {
  margin-right: var(--gap0);
}

.mr1 {
  margin-right: var(--gap1);
}

.mr2 {
  margin-right: var(--gap2);
}

.mr3 {
  margin-right: var(--gap3);
}

/******************/
/*   Text color   */
/******************/

.textColor1 {
  color: var(--text-primary-color);
}

.textColor2 {
  color: var(--text-secondary-color);
}