/* ==========================================================================
   Toggle Switch Component
   범용 토글 스위치 컴포넌트
   ========================================================================== */

.toggle-switch {
  width: var(--toggle-width);
  height: var(--toggle-height);
  background: var(--color-bg-tertiary);
  border: none;
  border-radius: var(--radius-full);
  cursor: pointer;
  position: relative;
  transition: background var(--transition-fast);
  padding: 0;
}

.toggle-switch--active {
  background: var(--color-success);
}

.toggle-switch__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: var(--toggle-thumb-size);
  height: var(--toggle-thumb-size);
  background: var(--color-bg-white);
  border-radius: 50%;
  transition: transform var(--transition-fast);
  box-shadow: var(--shadow-sm);
}

.toggle-switch--active .toggle-switch__thumb {
  transform: translateX(var(--toggle-thumb-offset));
}