/* Toolkit Starter — 기본 스타일 (Tailwind CDN 보조) */

/* 사이트 색상 커스터마이징: tailwind.config의 primary 변경 */
:root {
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
}

/* 공통 */
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
a { text-decoration: none; }

/* 헤더 */
.site-header {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-header .logo { font-weight: 700; font-size: 18px; color: #111; }
.site-header nav { display: flex; gap: 12px; align-items: center; }
.site-header nav a { font-size: 14px; color: #6b7280; }
.site-header nav a:hover { color: var(--color-primary); }

/* 관리자 사이드바 */
.admin-sidebar {
  width: 220px;
  min-height: 100vh;
  background: #f9fafb;
  border-right: 1px solid #e5e7eb;
  padding: 16px 8px;
}
.admin-sidebar button {
  display: flex; align-items: center; gap: 8px;
  width: 100%; padding: 8px 12px; border-radius: 8px;
  font-size: 13px; color: #6b7280; text-align: left;
  border: none; background: none; cursor: pointer;
  border-left: 3px solid transparent;
  transition: background 0.12s, color 0.12s;
  margin-bottom: 2px;
}
.admin-sidebar button:hover { background: #f3f4f6; color: #374151; }
.admin-sidebar button.active {
  background: #eef2ff; color: #3730a3;
  border-left-color: #4f46e5; font-weight: 700;
}
.admin-sidebar .sb-group-label {
  font-size: 10px; font-weight: 700; color: #9ca3af;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 12px 12px 4px; user-select: none;
}

/* 푸터 */
.site-footer {
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
  padding: 32px 24px;
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
}
.site-footer a { color: var(--color-primary); }