:root {
  font-family: var(--font-family-copy);
  font-size: var(--font-size);
}

* {
  box-sizing: border-box;
}

body {
  background-color: var(--clr-page-background);
  color: var(--clr-text);

  margin: 0;
  min-height: 100dvh;

  transition: var(--transition-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-headings);
}
