@import "tailwindcss";

@source "../../**/*.php";
@source "../../**/*.js";

/*
 * Theme-specific CSS can be added below.
 *
 * Keep component styling in Tailwind where possible.
 */

@layer base {
    html {
        scroll-behavior: smooth;
    }

    :target {
        scroll-margin-top: 100px;
    }
}

@layer components {
    .prose {
        line-height: 1.75;
    }

    .prose > * + * {
        margin-top: 1.25rem;
    }
}