/* ==========================================================================
   base.css - 전역 리셋, 타이포그래피, body, 뷰 전환 시스템
   ========================================================================== */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", Roboto, "Noto Sans KR", sans-serif;
    -webkit-tap-highlight-color: transparent;
}

body {
    background-color: #121316;
    color: #e5e7eb;
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

/* 0. 뷰 전환 시스템 */
.view-screen {
    display: none;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.view-screen.active {
    display: flex;
}