/* 로고 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
/* 바디 & 사이드바 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Nanum+Gothic:wght@400;700&display=swap');

/* === 사이드바 === */


.sidebar {
  font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;
  position: fixed;
  top: 70px; left: 0;
  width: 250px;
  height: calc(100vh - 70px);

  /* 왼쪽 위 붉은기 → 전체는 블랙/그레이 */
  background: radial-gradient(
    circle at top left,
    rgba(90,0,0,0.35) 0%,   /* 왼쪽 위 붉은기 살짝 */
    #1a1a1a 30%,            /* 빠르게 다크그레이 */
    #0c0c0c 100%            /* 전체 블랙 */
  );

  border-right: 1px solid var(--border);
  overflow-y: auto;
  padding: 1em;
  box-sizing: border-box;
  z-index: 900;

  /* 붉은기 최소화된 subtle inset shadow */
  box-shadow: inset -1px 0 6px rgba(0,0,0,0.6),
              inset 0 8px 10px rgba(100,0,0,0.25);
}

/* 스크롤바 */
.sidebar::-webkit-scrollbar { width: 8px; }
.sidebar::-webkit-scrollbar-thumb {
  background: rgba(80, 80, 90, 0.6);
  border-radius: 4px;
}
.sidebar::-webkit-scrollbar-thumb:hover {
  
  background: rgba(230, 220, 170, 0.4); /* hover 시 옅은 노랑빛 */
}

/* 사이드바 글씨 */
.sidebar h3 {
  
  font-size: 1.2em;
  color: var(--accent-soft); /* 다크 레드 계열 */
  text-shadow: 0 0 6px rgba(139,0,0,0.6); /* 기존 붉은 느낌 */
  margin-bottom: 0.8em;
}

.sidebar a {
  
  color: #bbb;
  font-weight: 600;
  transition: color 0.3s;
}
.sidebar a:hover {
  
  color: #e5e1c9; /* hover 시 은은한 아이보리빛 */
}

/* ✅ 사이드바 전용 리스트 스타일 */
.sidebar ul {
  list-style: none;
  padding-left: 0;
}

.sidebar li {
  padding: 0.4em 0;
  border-bottom: 1px solid #333;
}

.sidebar li:last-child {
  border-bottom: none;
}