/* Typography base rules */

html {
  font-family: var(--font-sans);
  line-height: var(--line-height);
  color: var(--color-text);
}

h1 {
  font-size: var(--font-size-h1);
  font-weight: 700;
}

h2 {
  font-size: var(--font-size-h2);
  font-weight: 600;
}

h3 {
  font-size: var(--font-size-h3);
  font-weight: 600;
}

p {
  font-size: var(--font-size-p);
  color: var(--color-text);
}

small {
  font-size: var(--font-size-small);
  color: var(--color-text-muted);
}

.logo {
  font-family: var(--font-logo);
}