/*
 * Shared theme components and layout primitives.
 *
 * This file owns reusable cross-page surfaces and content helpers like
 * .site-card and .content-rich.
 */
@layer components {
    .site-shell {
        @apply min-h-screen bg-base-200;
    }

    .site-container {
        @apply mx-auto w-full max-w-[1170px] px-4 md:px-8;
    }

    .site-card {
        @apply rounded-[var(--radius-box)] border border-base-300 bg-base-100 shadow-sm;
    }

    .content-section {
        @apply mx-auto w-full max-w-[1170px] px-4 md:px-8;
    }

    .site-main-section {
        @apply my-5;
    }

    .content-rich {
        @apply rounded-[var(--radius-box)] border border-base-300 bg-base-100 px-6 py-8 shadow-sm md:px-8;
    }

    .content-rich h1 {
        @apply mb-6 text-4xl font-bold text-primary-strong;
    }

    .content-rich h2 {
        @apply mb-4 text-2xl font-semibold text-primary-strong;
    }

    .content-rich h3 {
        @apply mb-3 text-xl font-semibold text-primary-strong;
    }

    .content-rich h4 {
        @apply text-primary-strong;
    }

    .content-rich h5,
    .content-rich h6 {
        @apply text-brand-ink;
    }

    .content-rich p,
    .content-rich li {
        @apply text-base leading-7 text-base-content/80;
    }

    .content-rich ul,
    .content-rich ol {
        @apply ml-6 space-y-2;
    }

    .content-rich ul {
        @apply list-disc;
    }
}
