/*
 * Lớp UI dùng chung cho source baseproject.
 * Font được khai báo trong libraries/config.php và xuất thành CSS variables.
 */
:root {
    /*
     * --base-font-primary và --base-font-heading được xuất động từ
     * templates/layout/css.php theo cấu hình trong libraries/config.php.
     * Không khai báo lại hai biến đó tại đây để tránh ghi đè cấu hình dự án.
     */
    --base-transition: 0.25s ease;
}

html {
    -webkit-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
    font-family: var(--base-font-primary, "Be Vietnam Pro"), Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading {
    font-family: var(--base-font-heading, var(--base-font-primary, "Be Vietnam Pro")), Arial, Helvetica, sans-serif;
}

.font-primary {
    font-family: var(--base-font-primary, "Be Vietnam Pro"), Arial, Helvetica, sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

[hidden] {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}