html {
    scroll-behavior: smooth;
    /* Scrollbar joyini har doim rezerv qilib, sahifalar orasidagi
       gorizontal siljishning (layout shift) oldini oladi. */
    scrollbar-gutter: stable;
}

body {
    text-rendering: optimizeLegibility;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Ekranda ko'rinmas, lekin SEO/screen-reader uchun mavjud (Tailwind sr-only bilan bir xil). */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

a,
button {
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

input,
button {
    font: inherit;
}

::selection {
    background: #a7f3d0;
    color: #064e3b;
}