/* theme.css - 라이트 스포츠북 테마 공통 토큰(2026-09-25 다크→라이트 전환, 좌측 사이드바만 네이비 유지) + 상단 내비게이션.
   index.html/folders.html/stats.html 세 페이지가 공유한다. (템플릿/CSS 전용, 라우트/DB 무관) */

:root {
  --bg: #f1f4f9;
  --bg-alt: #ffffff;
  --surface: #ffffff;
  --surface-hover: #e9eef7;
  --border: rgba(15, 23, 42, 0.12);
  --border-strong: rgba(15, 23, 42, 0.22);
  --text: #1a2233;
  --text-secondary: #566074;
  --accent: #1f6feb;
  --accent-hover: #1a5fd0;
  --accent-soft: rgba(31, 111, 235, 0.10);
  --green: #15803d;
  --red: #d92d20;
  --amber: #b45309;
  --amber-soft: rgba(180, 83, 9, 0.12);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.14);
}

* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }

html, body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
               "Helvetica Neue", "Noto Sans KR", Arial, sans-serif;
}

a { color: inherit; text-decoration: none; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }

/* ── 상단 내비게이션 (세 페이지 공통) ── */
.topnav {
  display: flex; align-items: center; justify-content: center; gap: 28px;
  padding: 14px 16px; background: var(--bg-alt); border-bottom: 1px solid var(--border);
  font-size: 14px; font-weight: 600;
}
.topnav a { color: var(--text-secondary); padding: 4px 2px; border-bottom: 2px solid transparent; }
.topnav a.active { color: var(--text); border-bottom-color: var(--accent); }

/* 2026-09-22: 회원 시스템 - topnav 우측에 아이디/관리자 링크/로그아웃 표시(세 페이지 + 관리자 페이지 공통) */
.topnav-user {
  position: absolute; right: 16px; display: flex; align-items: center; gap: 12px;
  font-size: 12px; font-weight: 600; color: var(--text-secondary);
}
.topnav { position: relative; }
.topnav-user .username { color: var(--text); }
.topnav-user .balance { color: var(--green); font-weight: 700; }
.topnav-user .admin-badge {
  background: var(--amber-soft); color: var(--amber); padding: 1px 7px; border-radius: 999px; font-size: 10px;
}
.topnav-user form { margin: 0; }
.topnav-user button {
  background: none; border: 1px solid var(--border-strong); color: var(--text-secondary);
  padding: 4px 10px; border-radius: 999px; font-size: 12px; cursor: pointer;
}
.topnav-user button:hover { color: var(--text); border-color: var(--accent); }
@media (max-width: 560px) { .topnav-user .username { display: none; } }

/* ── 자동/수동 정산 라벨 (경기목록 슬립·저장한폴더 공통) ── */
.source-tag {
  display: inline-block; font-size: 10px; font-weight: 700; padding: 1px 6px;
  border-radius: 999px; margin-right: 4px; vertical-align: middle;
}
.source-tag.api { background: var(--accent-soft); color: var(--accent); }
.source-tag.manual { background: var(--amber-soft); color: var(--amber); }

/* 좌측 리그 사이드바만 네이비 유지 - 토큰을 이 영역 안에서만 어두운 값으로 재정의 */
.sidebar {
  --bg-alt: #17233d; --surface-hover: rgba(255, 255, 255, 0.09);
  --border: rgba(255, 255, 255, 0.10);
  --text: #e8ecf5; --text-secondary: #a3aec4; --accent: #6fa8ff;
}