/* 점검 도구 페이지 '콘텐츠' 테마 변수 (메인 app.css 변수계와 별개).
   상단바는 topbar.css 가, 콘텐츠는 각 도구 페이지의 자체 <style> + 아래 변수로 테마링. */
html[data-theme="dark"] {
  --bg: #0f172a; --bg-grad-1: #0f172a; --bg-grad-2: #0f172a;
  --card: #1e293b; --card-border: #334155; --line: #334155;
  --text-1: #e5e7eb; --text-2: #cbd5e1; --text-3: #94a3b8;
  --primary: #64748b; --primary-soft: #334155; --primary-strong: #475569;
  /* 도구 페이지 콘텐츠의 보조 표면/색조/강조 잉크 — 라이트에선 미정의(템플릿 fallback 값 사용) */
  --bg-soft: #172033;
  --tint-blue: #1d2a44; --tint-blue-strong: #2c4a7c;
  --tint-indigo: #312e81;
  --tint-amber-soft: #2b2410; --tint-amber: #3b2f10; --tint-amber-strong: #713f12;
  --tint-green: #14342b; --tint-green-strong: #166534;
  --tint-red: #3f1d1d; --tint-red-strong: #7f1d1d;
  --ink-indigo: #c7d2fe; --ink-blue: #93c5fd; --ink-red: #fca5a5;
  --ink-green: #6ee7b7; --ink-amber: #fcd34d;
}
html[data-theme="basic"] {
  --bg: #f1e9da; --bg-grad-1: #efe7d6; --bg-grad-2: #f1e9da;
  --card: #fbf7ef; --card-border: #e3d8c2; --line: #e3d8c2;
  --text-1: #3b3526; --text-2: #7c7059; --text-3: #a99e86;
  --primary: #8a7355; --primary-soft: #efe7d6; --primary-strong: #6f5b40;
  --bg-soft: #efe7d6;
}
html[data-theme="dark"] body, html[data-theme="basic"] body { background: var(--bg); color: var(--text-1); }

/* 공통 상단바가 전폭·상단 밀착되도록 body 패딩 제거 → 콘텐츠(.wrap)로 이동 */
body { margin: 0 !important; padding: 0 !important; }
.wrap { padding: 16px 16px 120px; }