@import "tailwindcss";

@source "../../../app/components/**/*.{rb,erb,html}";
@source "../../../app/views/**/*.{rb,erb,html}";
@source "../../../app/helpers/**/*.{rb,erb,html}";
@source "../../../app/content/**/*.{rb,erb,html}";

@source not "./tailwind/daisyui{,*}.mjs";

@plugin "./tailwind/daisyui.mjs";

/* Optional for custom themes – Docs: https://daisyui.com/docs/themes/#how-to-add-a-new-custom-theme */
@plugin "./tailwind/daisyui-theme.mjs" {
  /* custom theme here */
}

@layer base {
  a {
    color: var(--color-primary);
  }

  p {
    @apply mb-4;
  }

  .prose {
    h1 {
      @apply mb-2 text-3xl/9 font-bold tracking-tight;
    }

    h2 {
      @apply mb-2 text-2xl/9 font-bold tracking-tight;
    }

    h3 {
      @apply mb-2 text-xl/9 font-bold tracking-tight;
    }

    ul {
      @apply mb-2;
    }
  }
}