/* =====================================================================
   KASI USER (public) - stylesheet entry
   사용자(공개) 화면 전용. 관리자 CSS는 /css/admin/* 참조.
   reset / fonts / theme-tokens / components 는 wise-pb/user/css 퍼블리싱 원본과 동일하게 유지
   ===================================================================== */
@import './reset.css';
@import './fonts.css';
@import './theme-tokens.css';
@import './components/button.css';
@import './components/select.css';
@import './components/input.css';
@import './components/pagination.css';
/* 공용 컴포넌트 (로딩 / 오류 페이지) - wise-pb/commons/css/common.css 원본과 동일하게 유지 */
@import '../commons/common.css';

/* 스크롤 유무와 관계없이 스크롤바 영역 확보 (페이지 이동 시 레이아웃 흔들림 방지) - 퍼블리싱 globals.css */
html {
    scrollbar-gutter: stable;
}

*::-webkit-scrollbar {
    width: var(--number-5);
}
*::-webkit-scrollbar-track {
    background-color: transparent;
}
*::-webkit-scrollbar-thumb {
    border-radius: var(--form-radius-sm);
    background: var(--color-surface-neutral-gray-stronger);
}

@media (max-width: 450px) {
    html,
    body {
        font-size: 4vw;
    }
}