@import "tailwindcss";

@layer base {
  h1 {
      font-size: var(--text-3xl);
      /* padding: 1em 0em; */
  }
  h2 {
      font-size: var(--text-2xl);
      padding: 1em 0em;
  }
  h3 {
      font-size: var(--text-xl);
      padding: 1em 0em;
  }
  h4 {
      font-size: var(--text-lg);
      padding: 1em 0em;
  }
  a {
      color: var(--color-blue-400);
  }
  li {
      list-style-type: disc;
      margin-left: 1em;
  }
  li::marker {
      color: var(--color-gray-600);
  }
}
