/* Legacy utility classes used across templates. */

.source {
  color: var(--color-muted-light);
  font-size: 0.7rem;
}

.link {
  color: inherit;
  text-decoration: none;
}

.link :hover {
  filter: brightness(100%);
}

.no-underline {
  text-decoration: none;
}

h7 {
  font-size: 0.7rem;
}

.h7 {
  font-size: 0.9rem;
}

.h8 {
  font-size: 0.8rem;
}

.h9 {
  font-size: 0.7rem;
}

.h10 {
  font-size: 0.6rem;
}

.black1 {
  color: var(--color-text-strong);
}

.black2 {
  color: #757575;
}

.white1 {
  color: var(--color-white);
}

.gray1 {
  color: var(--color-muted);
}

.gray2 {
  color: var(--color-muted-light);
}

.gray3 {
  color: var(--color-border);
}

.navy {
  color: var(--color-navy);
}

.main-color {
  color: var(--color-main);
}

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

.bg-gray {
  background-color: var(--color-surface-muted);
}

.inline {
  display: inline;
  margin-right: 1rem;
}