@layer default {
  html {
    font-family: var(--font-family--primary);
    font-size: var(--size__font--standard);
    line-height: var(--line-height--standard);
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  body {
    font-size: 16px;
    font-weight: 400;
    min-height: 100%;
  }

  button {
    background: transparent;
    border: none;
    color: inherit;
    font: inherit;
    padding: 0;
    width: auto;
  }

  p {
    margin: 0;
  }

  /* Smooth in-page anchor navigation, unless the user asks for less motion. */
  @media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }
}