@charset "utf-8";

/* =========================================================
   스크롤바 커스텀 (Chrome, Edge, Safari 전용 - Webkit)
   배경: #020617 완벽 동기화
========================================================= */

/* 1. 스크롤바 전체 뼈대 (너비/높이) */
::-webkit-scrollbar {
    width: 10px;  /* 세로 스크롤바 굵기 */
    height: 10px; /* 가로 스크롤바 굵기 */
}

/* 2. 스크롤바 배경(트랙) */
::-webkit-scrollbar-track {
    background: #020617; /* 메인 배경색과 100% 일치시켜 투명한 느낌 부여 */
}

/* 3. 스크롤바 손잡이(Thumb) - 평상시 */
::-webkit-scrollbar-thumb {
    background: #1e293b; /* 배경보다 살짝 밝은 다크 네이비 (은은하게 보임) */
    border-radius: 10px; /* 둥근 모서리 */
    border: 2px solid #020617; /* 겉에 배경색 테두리를 둘러서 얇고 날렵해 보이는 착시 효과 */
}

/* 4. 스크롤바 손잡이 - 마우스 오버 시 (포인트 타격) */
::-webkit-scrollbar-thumb:hover {
    background: #38bdf8; /* 기존 UI의 accent-blue (네온 파란색) 발광 */
}

/* =========================================================
   Firefox 전용 (Webkit 미지원 브라우저용 예비 방어막)
========================================================= */
* {
    scrollbar-width: thin; /* 얇은 굵기 */
    scrollbar-color: #1e293b #020617; /* 손잡이색 배경색 */
}