/* home.css — bổ sung cho Tailwind CDN. Tông giấy ấm, tối giản.
   Phần lớn trình bày nằm ở class Tailwind trong index.html;
   file này chỉ giữ các quy tắc nền tảng + việc Tailwind làm không gọn. */

:root {
    --paper: #F6F3EC;
    --ink: #1A1714;
    --emerald: #1B5E4F;
    --line: #DED7C7;
}

html {
    scroll-behavior: smooth;
    /* chừa khoảng cho header dính khi nhảy neo */
    scroll-padding-top: 64px;
    -webkit-text-size-adjust: 100%;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* vùng chạm tối thiểu trên mobile cho mọi liên kết/nút */
a,
button {
    -webkit-tap-highlight-color: transparent;
}

/* focus rõ ràng, dùng lục bảo thay vì viền xanh mặc định */
a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--emerald);
    outline-offset: 2px;
    border-radius: 4px;
}