@layer utilities {
    /* This class only exists for backwards compatibility, */
    /* The default is applied in tailwind.config.js since Hyvä 1.2.0 */
    .text-sans-serif {
        font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    }

    .bg-secondary {
        --tw-bg-opacity: 1;
        background-color: rgba(54, 54, 58, var(--tw-bg-opacity, 1));
    }

    .hover\:bg-secondary:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(54, 54, 58, var(--tw-bg-opacity, 1));
    }
}
@layer components {
    .prose.prose-no-spacing :where(p) {
        margin: 0 !important;
    }

    .prose.prose-no-spacing :where(ul, ol) {
        margin: 0 !important;
        padding-left: 1.25rem; /* same as prose default */
    }

    .prose.prose-no-spacing :where(li) {
        margin: 0 !important;
    }
}

html {
    @apply antialiased;
}

body {
    @apply text-black leading-normal text-base tracking-normal;
}

@layer base {
    input:focus,
    [type='search']:focus {
        --tw-ring-color: transparent !important;
        box-shadow: none !important;
        border-color: #f97316 !important; /* orange-500 */
    }
}