/* static/css/components/button_legacy_bridge.css */
/* 기존 .btn 체계를 c-btn 룩으로 매핑 */
.btn { composes: c-btn; } /* composes 미지원이면 아래처럼 직접 복사 */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 14px; border-radius: var(--radius-12);
  border:1px solid var(--color-border); background: var(--color-surface);
  color: var(--color-text); box-shadow: var(--shadow-1);
  cursor:pointer; text-decoration:none; font-size: var(--text-14);
}
.btn.primary { background: var(--color-primary-600); border-color: var(--color-primary-600); color:#fff; }
.btn.primary:hover { background: var(--color-primary-700); border-color: var(--color-primary-700); }
.btn.ghost { background: transparent; }
.btn.danger { background: var(--color-danger); border-color: var(--color-danger); color:#fff; }
.btn:focus-visible { box-shadow: var(--shadow-1), var(--focus-ring); }