@layer base {
  body {
    background-color: var(--background);
  }

  ul {
    list-style: disc;
    padding-left: 1rem;
  }

  ol {
    list-style: auto;
    padding-left: 1rem;
  }

  blockquote {
    @apply p-4 my-4 border-s-4 border-gray-300 bg-gray-50;
  }

  a:not(.navbar-link, .button-link, .unstyled-link, .menu-link, h3 a) {
    font-weight: 500;
  }

  trix-editor {
    background-color: white;
  }

  input, textarea, select {
    @apply block shadow-sm rounded-md border border-gray-400 px-3 py-2 mt-2 w-full;
  }

  input[type="submit"] {
    @apply w-full h-16;
  }
}