.page-title {
  font-weight: 700;
  letter-spacing: -0.025em;
  font-size: var(--text-3xl);
  line-height: 2rem;
  color: light-dark(var(--color-gray-800), var(--color-gray-200));
}

@media (max-width: 639px) {
  .page-title {
    font-size: var(--text-2xl);
  }
}

.page-subtitle {
  font-weight: 700;
  font-size: var(--text-xl);
  color: light-dark(var(--color-gray-800), var(--color-gray-200));
}

.font-dimmed {
  color: light-dark(var(--color-gray-500), var(--color-zinc-500));
}

.font-primary {
  color: light-dark(var(--color-black), var(--color-white));
}

.font-secondary {
  color: light-dark(var(--color-gray-800), var(--color-zinc-400));
}

.font-highlighted {
  color: light-dark(var(--color-gray-700), var(--color-zinc-300));
}

.font-accented {
  color: light-dark(var(--color-pink-500), var(--color-pink-400));
}

.font-danger {
  color: light-dark(var(--color-red-600), var(--color-red-300));
}

.text-base {
  font-size: var(--text-base);
}

.font-dimmed-marketing {
  color: light-dark(var(--color-sky-800), var(--color-slate-400));
}