/* 공통 테마 변수: 색상 중앙 관리 (페이지별 중복 제거) */
:root {
  /* 배경 톤을 블랙에서 다크 그레이로 완화: 가독성/분위기 개선 */
  --bg-primary: #0b0b0d;
  --bg-secondary: #141417;
  --bg-deep: #0b0b0d;
  --bg-soft: #141417;
  --bg-elevated: #1b1c22;
  --bg-card: rgba(255, 255, 255, 0.03);
  --bg-card-hover: rgba(255, 255, 255, 0.06);
  --border-subtle: rgba(255, 255, 255, 0.06);
  /* 헤더/푸터 톤 통일: 배경색과 동일하게 맞춤 */
  --surface-bg: var(--bg-primary);
  --surface-border: rgba(255, 255, 255, 0.08);
  --text-primary: #f5f5f7;
  --text-secondary: #86868b;
  --text-muted: #6e6e73;
  --accent: #2997ff;
  --accent-hover: #40a9ff;
  --accent-glow: rgba(41, 151, 255, 0.15);
  --header-height: 56px;
}

/* 앱별 악센트 오버라이드: data-theme로 선택 */
:root[data-theme="habitlog"] {
  --accent: #ff7eb3;
  --accent-hover: #ff9ec4;
  --accent-glow: rgba(255, 126, 179, 0.15);
}

:root[data-theme="hoverly"] {
  --accent: #8df6ff;
  --accent-hover: #a8f8ff;
  --accent-glow: rgba(141, 246, 255, 0.15);
}

:root[data-theme="applevoid"] {
  --accent: #ff6b6b;
  --accent-hover: #ff8a8a;
  --accent-glow: rgba(255, 107, 107, 0.15);
}

:root[data-theme="mirongsimpletodo"] {
  --accent: #ffb5c5;
  --accent-hover: #ffd1dc;
  --accent-glow: rgba(255, 181, 197, 0.15);
}

:root[data-theme="harmonypocket"] {
  --accent: #60a5fa;
  --accent-glow: rgba(96, 165, 250, 0.15);
}

/* 약관/개인정보 페이지 전용 악센트 */
:root[data-theme="policy"] {
  --accent: #6cbfa7;
  --accent-glow: rgba(108, 191, 167, 0.2);
}