/* ─── BidData 전역 스타일 ─── */

body {
    font-family: "Public Sans", "Noto Sans KR", sans-serif;
}

/* Material Symbols 기본 설정 */
.material-symbols-outlined {
    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
}

.filled-icon {
    font-variation-settings: "FILL" 1;
}

/* Vue v-cloak 숨김 */
[v-cloak] {
    display: none !important;
}

/* 링크 기본 스타일 초기화 */
a.no-underline {
    text-decoration: none;
}

/* 페이지 전환 애니메이션 */
@keyframes pageFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

body.page-enter {
    animation: pageFadeIn 0.18s ease-out forwards;
}

body.page-leave {
    opacity: 0;
    transition: opacity 0.12s ease-in;
}

@view-transition {
    navigation: auto;
}

::view-transition-old(root) {
    animation: pageFadeIn 0.12s ease-in reverse;
}

::view-transition-new(root) {
    animation: pageFadeIn 0.18s ease-out;
}

/* 스크롤바 커스텀 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.dark ::-webkit-scrollbar-thumb {
    background: #475569;
}