@tailwind base; /* Preflight is injected here */
@tailwind components;
@tailwind utilities;

@layer base {
    html {
        /* use serif font style as default */
        /*@apply font-serif;*/
        @apply font-sans;
    }
    a {
        @apply text-rp-moon-iris underline decoration-4 underline-offset-4;
    }
    h1 {
        @apply font-sans text-7xl text-rp-moon-gold prose prose-h1:text-rp-moon-gold;
    }
    h2 {
        @apply font-sans text-5xl text-rp-moon-gold prose prose-h1:text-rp-moon-gold;
    }
    h3 {
        @apply font-sans text-4xl text-rp-moon-gold prose prose-h1:text-rp-moon-gold;
    }
    h4 {
        @apply font-sans text-3xl text-rp-moon-gold prose prose-h1:text-rp-moon-gold;
    }
    h5 {
        @apply font-sans text-2xl mb-6 mt-4;
    }
    h6 {
        @apply font-sans text-xl mb-6 mt-4;
    }
}