/* ============================================================
   click 디자인 공통 색상·로고 (모든 화면에서 같이 씀)
   ============================================================ */
:root {
  /* ✅ v7 확정 색 (2026-11-02): B 네이비 + 상태색 ⓙ(차분한 톤), 모서리 직각 */
  --bg:         #F3F5F8;  /* 페이지 바탕 (아주 연한 회색) */
  --white:      #FFFFFF;  /* 카드·메뉴바 */
  --border:     #E3E7EE;  /* 카드 얇은 테두리 */
  --line:       #E3E7EE;  /* 구분선 */
  --soft:       #F1F4F8;  /* 입력칸·아이콘 상자 바탕 */
  --point:      #1D6FE0;  /* 포인트 파랑 (강조색은 이것 하나만) */
  --point-dk:   #0B2545;  /* 마우스 올렸을 때 */
  --point-soft: #E6F0FD;  /* 연한 파랑 (선택된 메뉴 바탕 등) */
  --bar:        #E3E7EE;  /* 그래프 기본 막대 */
  --text:       #0B2545;  /* 검은 글씨 */
  --sub:        #64748B;  /* 보조 글씨 */
  --muted:      #94A3B8;  /* 연한 글씨 */
  --success:    #2F855A;  --success-soft: #EAF4EE;
  --warn:       #B08A12;  --warn-soft:    #FAF4DF;
  --danger:     #E03131;  --danger-soft:  #FDECEC;
  --up: #C53F4B; --up-soft: #FAEDEE;  --down: #3A6EA5; --down-soft: #EAF1F8;  /* 순위 상승▲ / 하락▼ */
  --stop: #3F4652; --stop-soft: #E3E6EB;  /* 종료 */

  /* 예전 이름 (login.php 에서 사용) → 새 색으로 연결 */
  --bg-sky:    var(--bg);
  --gray:      var(--point);   /* 로그인 카드 윗부분 = 파랑 */
  --gray-soft: var(--soft);
  --text-sub:  var(--sub);
}

/* 글씨체 (확정 2026-11-02): 로고 'Click' = Pretendard, 나머지 모든 글씨 = Wanted Sans
   → 각 화면 <head> 에 두 글씨체 link 를 넣고 body 에 font-family: 'Wanted Sans' 지정 */

/* 로고 (확정: D 버전 — 굵은 Click + 귀여운 손 + 반짝선)
   색은 글자색을 따라감: 파랑/어두운 바탕 → 흰 로고, 밝은 바탕 → 검은 로고
   손 그림 정의는 includes/click_logo_defs.php */
.click-logo { font-family: 'Pretendard', sans-serif; display: flex; align-items: center; gap: 0.1em; font-size: 44px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; white-space: nowrap; }
.click-logo svg { width: 0.8em; height: 0.86em; flex-shrink: 0; transform: rotate(-15deg); overflow: visible; }