body {
    -webkit-font-smoothing: antialiased;
}

.page-bg {
    background-color: #fbe7ef;
    background-image:
        radial-gradient(900px 420px at 5% -10%, #fdd9e7 0%, transparent 60%),
        radial-gradient(760px 400px at 98% 0%, #ece0fb 0%, transparent 62%),
        radial-gradient(700px 500px at 50% 108%, #fcdce9 0%, transparent 60%);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #f0a2c1;
    border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: .001ms !important;
        transition-duration: .001ms !important;
    }
}

/* Blazor Router tự focus <h1> mỗi lần chuyển trang (FocusOnNavigate, đúng chuẩn a11y cho trình đọc màn
   hình) — trình duyệt mặc định vẽ viền outline đen quanh phần tử được focus bằng JS giống hệt focus bàn
   phím, gây khó chịu về mặt thị giác dù người dùng không hề bấm Tab. Ẩn outline này đi, không ảnh hưởng
   focus bàn phím thật vì h1 vốn không nằm trong luồng Tab tự nhiên. */
h1:focus {
    outline: none;
}