/* ============================================================
   슈퍼짐 테마 — 정산 앱 기준 파랑·네이비 (ADR 0045).
   스코프 안에서는 --sg-* 토큰만 쓴다. 스코프 밖으로 새지 않는다.
   Be:Move/GYMTOS 토큰을 참조하지 않는다.
   원본: design-systems/supergym/ (이 사본과 함께 갱신한다).
   ============================================================ */
@import url("tokens.css");

/* ── 로그인 후 브랜드 스코프 (서버 프로필 검증 결과) ── */
body[data-supergym-brand="1"] {
  --primary: var(--sg-primary);
  --primary-dark: var(--sg-primary-dark);
  --primary-light: var(--sg-primary-light);
  --primary-fill: var(--sg-primary-fill);
  --primary-fill-hover: var(--sg-primary-fill-hover);
  --bg: var(--sg-bg);
  --card: var(--sg-card);
  --text: var(--sg-text);
  --text-sub: var(--sg-text-sub);
  --text-muted: var(--sg-text-muted);
  --border: var(--sg-border);
  --success: var(--sg-success);
  --warning: var(--sg-warning);
  --danger: var(--sg-danger);
  --radius: var(--sg-radius-card);
  --shadow: var(--sg-shadow-card);

  background: var(--sg-page);
  color: var(--sg-text);
  font-family: var(--sg-font-body);
}

/* ── Formula 다크 테마와 함께 쓸 때의 중립값 ── */
:root[data-formula-theme="dark"] body[data-supergym-brand="1"] {
  --primary: var(--sg-primary-on-dark);
  --primary-dark: var(--sg-primary-on-dark-bright);
  --primary-light: var(--sg-primary-on-dark-bright);
  --bg: var(--sg-bg-dark);
  --bg-sub: var(--sg-card-dark);
  --card: var(--sg-card-dark);
  --text: var(--sg-text-dark);
  --text-sub: var(--sg-text-sub-dark);
  --text-muted: var(--sg-text-muted-dark);
  --border: var(--sg-border-dark);
  --shadow: var(--sg-shadow-card-dark);

  background: var(--sg-page-dark);
  color: var(--sg-text-dark);
}

/* ── 로그인 전 호스트 힌트 스코프 (테마만, 권한 근거 아님) ──
   ADR 0045 결정 7: 로그인 화면도 파랑이 되게 로그인 후 스코프와 같은 --primary* 별칭을 둔다. */
body[data-supergym-host] {
  --primary: var(--sg-primary);
  --primary-dark: var(--sg-primary-dark);
  --primary-light: var(--sg-primary-light);
  --primary-fill: var(--sg-primary-fill);
  --primary-fill-hover: var(--sg-primary-fill-hover);
  background: var(--sg-page);
  color: var(--sg-text);
  font-family: var(--sg-font-body);
}

:root[data-formula-theme="dark"] body[data-supergym-host] {
  --primary: var(--sg-primary-on-dark);
  --primary-dark: var(--sg-primary-on-dark-bright);
  --primary-light: var(--sg-primary-on-dark-bright);
  background: var(--sg-page-dark);
  color: var(--sg-text-dark);
}

/* ── 전용호스트 거부 안내(P-B): 브랜드 확인 전이라 호스트 스코프로만 건다.
   .empty-state h3 공유색(var(--text-sub))은 전용 배경 위 4.41 로 4.5 미달이라
   라이트/다크 모두 4.5 이상 중립색으로 한정 오버라이드한다. 전역·타브랜드 변경 없음. */
body[data-supergym-host] .empty-state h3 {
  color: #374151;
}

:root[data-formula-theme="dark"] body[data-supergym-host] .empty-state h3 {
  color: #e5e7eb;
}

/* ── 슈퍼짐 다크 모바일 내비 대비(T-V9-1): 비활성 탭 라벨이 4.11 로 4.5 미달이라
   슈퍼짐 브랜드 스코프 안에서만 중립 #cbd5e1(실측 6.97)로 보정한다.
   style.css 공용 규칙·타브랜드·레이아웃 변경 없음. 활성 상태는 원래 색을 유지한다
   (활성 배경 #204CE5 위 #cbd5e1 은 4.38 로 미달, 기존 흰색 6.51 유지, ADR 0045). */
:root[data-formula-theme="dark"] body[data-supergym-brand="1"] .mobile-nav-tab:not(.active),
:root[data-formula-theme="dark"] body[data-supergym-brand="1"] .mobile-more-toggle:not(.active):not(.has-active-child),
:root[data-formula-theme="dark"] body[data-supergym-brand="1"] .mobile-more-tab:not(.active) {
  color: #cbd5e1;
}

/* ── 라이트 테넌트 크롬 ── */
body[data-supergym-brand="1"] .nav-logo::after,
body[data-supergym-host] .nav-logo::after {
  content: "슈퍼짐 라이트";
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: var(--text-muted);
  line-height: 1.2;
}