/* Flex helpers */
.flex {
  display: flex;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

/* Font size helpers */
.font-xxs {
  font-size: var(--font-xxs);
}

.font-xs {
  font-size: var(--font-xs);
}

.font-s {
  font-size: var(--font-s);
}

.font-m {
  font-size: var(--font-m);
}

.font-l {
  font-size: var(--font-l);
}

.font-xl {
  font-size: var(--font-xl);
}

/* Color class helpers */
.font-white {
  color: white;
}

.font-black {
  color: black;
}

.font-cherry {
  color: var(--color-accent-cherry);
}

.font-red {
  color: var(--color-accent-red);
}

/* Font class helpers */
.bold {
  font-weight: bold;
}

.semibold {
  font-weight: 600;
}

.underlined {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.text-center {
  text-align: center;
}

/* Common margin classes */

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}