/* 3-BASE */
body {
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  color: var(--color-text);
  background: var(--color-bg);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: var(--lh-tight);
  font-weight: var(--fw-bold);
}
h1 {
  font-size: var(--fs-3xl);
}
h2 {
  font-size: var(--fs-2xl);
}
h3 {
  font-size: var(--fs-xl);
}
h4 {
  font-size: var(--fs-lg);
}
p {
  line-height: var(--lh-base);
}
a {
  color: var(--color-brand);
  transition: color var(--ease-base);
}
a:hover {
  color: var(--color-brand-hover);
}
:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}